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INTRODUCCION 


En la actualidad la informatica ha evolucionado muy rapidamente con 
métodos, técnicas y procesos para el tratamiento de información en 
formato digital, por lo tanto esto hace que la informatica esta acompañado 
con el tratamiento de gräficos, esto me ha motivado en la aplicaciön de la 
computaciön gräfica, considerando en ella la programaciön grafica 
desarrollados con mis alumnos en la Universidad Nacional del Altiplano. El 
texto presenta en los diferentes capitulos ejemplos muy präcticos para que 
elestudiante pueda comprender con mucha facilidad. 


En el capítulo I, Se desarrollan conceptos básicos de OpenGL, como tipos de 
datos, aplicación de las librerías auxiliares y lo más importante la instalación 
del Programa Dev-C++, así como la instalación de las librerías de OpenGL. 


En el Capitulo Il, Se define la transformación de objetos en dos dimensiones, 
aplicando el escalado, traslacion y rotaciön de un objeto, considerando las 
coordenadas homogéneas, ademas desarrollamos los tipos y tamaños de 
fuente, uso del ratön, uso del teclado todo ello en dos dimensiones y con 
primitivas de dibujo en 2D. 


En el capítulo III, Se desarrolla la transformación geométrica tridimensional, 
aplicando el escalado, rotación y traslación de objetos, considerando las 
primitivas de dibujo en 3D. Además incluye el uso del teclado y ratón. 


En el capítulo IV, las aplicaciones creadas en el capítulo anterior, tienen 
agregados para su mejor presentación de estos ejemplos la iluminación y 
textura. 


Finalmente, en el capítulo V realizó la configuración completa de OpenGL 
aplicando el lenguaje de programación Dev-C++ y teniendo listo la creación 


de un proyecto para nuestros ejemplos. 
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CAPITULO I 


Computaciön Grafica 


OpenGL 


OpenGL es una interfaz de software de hardware grafico. La interfase se 
realiza a través de varios procedimientos y funciones que permite al 
programador generar imagenes en color de alta calidad especialmente de 
objetos 2D y 3D. En la actualidad, es un estandar sobre graficos por 
computadora y uno de los mas utilizados en el mundo. Ademas es compatible 
con cualquier plataforma hardware y muchos lenguajes de programaciön. 


OpenGL.- Open Graphics Library. OpenGL es una marca registrada de 
Silicon Graphics, Inc. (SGI), ademas OpenGL es independiente del Sistema 
Operativo. 


OpenGL realiza las siguientes operaciones: 
1. Utiliza las primitivas básicas para modelar figuras como líneas, 
puntos y fotografías. 
2. Muestra el color de los objetos. 
3. Los objetos se muestra en un espacio 3D. 
4. Realiza la descripción matemática de los objetos. 


Estructura de un programa en OpenGL 
OpenGL considera las siguientes partes: 
o Realiza la inicialización de los estados, que se encargan de 
controlar el proceso de rendering. 
o Definir que objetos deben visualizarse, considerando su geometría 
y sus propiedades externas. 


Observación: 
o  Rendering.- Se dice así cuando la computadora genera una imagen 
sintética, con sus luces y objetos, a partir de un modelo. 
o Modelo de un Objeto.- Es la descripción matemática del objeto. 



























































Tipos de datos 
Tenemos los siguientes tipos de datos 
SUFIJO TIPO DE DATO | DEFINICIÓN EN OPENGL DEL TIPO 
b Entero 8-bits | GLbyte 
s Entero 16-bits | GLshort 
i Entero 32-bits | GLint, GLsizei 
E Punto flotante 32 -bits | GLfloat, GLelampf 
d Punto flotante 64-bits | GLdouble, GLclampd 
ub Entero sin signo 8-bits | GLubyte, GLboolean 
us Entero sin signo 16-bits GLushort 
ui Entero sin signo 32-bits GLuint,GLenum, GLbitfield 
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Ejemplo: 
glVertex2i(); : Define un vertice en 2D en entero de 32 bits. 
glVertex2f(); : Define un vértice en 2D en float. 
glVertex3i(); : Define un vértice en 3D en entero de 32 bits. 
glColor3i(); : Es la definición de coordenadas color en entero de 32 bits. 


Librerias auxiliares 


GLU: (OpenGL Utility Library) 
Es el que contiene muchas rutinas se utiliza en OpenGL y es bajo 
nivel, ademas en ella se realiza las transformaciones de matrices.() 


GLUT: 
Es el que contiene rutinas para las ventanas, raton, teclado, etc. 


GALUX: 
Esta realiza la misma funciön que GLUT y se realiza solo en 
Windows. 


Instalacion de librerias para Dev-C++ 
o Ubicar los archivos *.h en 
C:\Dev-Cpp\include\GL 
o Ubicar los archivos *.lib en 
C:\Dev-Cpp\lib 
o Extraer los archivos *.dll en 
C:\Windows\system32 


En la ventana que se observa, copiar en Linker lo siguiente: -lglu32 
—lglu32 -lopengl32 


Project Options 


General | Files | Compiler Parameters Directories | Build Opti.. | Makefile | Version info | 


Additional Command-line options: 

Compiler: C++ compiler Linker 
«Iglut32 
«Iglu32 
-Jopengl32 





12. Add Library or Object 





Computaciön Grafica 
Maquina de estados 


Se dice asi, porque cuando se activan o configuran varios estados de la 
maquina, sus efectos perduran hasta que sean desactivados (1) 


Sintaxis 


Las funciones en OpenGL comienzan con el prefijo “gl” y las constantes 
con “GL”. En algunas funciones, se tiene un sufijo compuesto por dos 
caracteres y son una cifra y una letra, donde la cifra representa el numero 
de parametros y la letra es el tipo de estos parametros. 


























Ejemplo: 
glColor3f(); 
glVertex3i(); 
Definiciön de colores 
Función glColor3f () Color 
glColor3f (0.0, 0.0, 0.0); negro 
glColor3f (1.0, 0.0, 0.0); rojo 
glColor3f (0.0, 1.0, 0.0); verde 
glColor3f (1.0, 1.0, 0.0); amarillo 
glColor3f (0.0, 0.0, 1.0); azul 
glColor3f (1.0, 0.0, 1.0); magenta 
glColor3f (0.0, 1.0, 1.0); cian 
glColor3f (1.0, 1.0, 1.0); blanco 
Limpiar la ventana 


Se utiliza para limpiar el buffer considerando el paråmetro y los posibles 
buffers son las siguientes: 














Buffer | Nombre 
Color Buffer GL COLOR BUFFER BIT 
Depth Buffer GL DEPTH BUFFER BIT 
Accumulate Buffer |GL ACCUM BUFFER BIT 
Stencil Buffer GL STENCIL BUFFER BIT 








glClear(GL COLOR BUFFER BIT|GL DEPTH BUFFER BIT); 


Ejemplo 
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void DibujaTetera(void) 


glClear(GL_COLOR_BUFFER_BIT | GL DEPTH BUFFER BIT); 
glutWireTeapot(1.0); 

glFlush(); 

glutSwapBuffers(); 
Í 


Proyección ortografica 


glOrtho().- Una proyección ortográfica define una perspectiva ortonormal y 
se dice que es cuadrada en todas sus caras, por lo tanto esto genera una 
proyección paralela y es utilizado en aplicaciones de tipo CAD. 


Formato: 
glOrtho(x_minima, x_maxima, y_minima, y_maxima, 
Z minima, z maxima). 


glOrtho(GLdouble left, GLdouble right, GLdouble bottom, 
Gldouble topo, GLdouble Znear, GL double Zfar); 


Ejemplo: 
glOrtho(-1.0, 1.0, -1.0, 1.0, -1.0, 1.0); 
Funciones necesarias de glut 


Se debe inicializar el modo de desplegado con la función: 
glutInitDisplayMode teniendo en cuenta sus argumentos. 


GLUT SINGLE : Se utiliza un buffer de memoria 
GLUT DOUBLE : Permite usar dos buffers de memoria 
GLUT_RGB : Se usa para cambiar al modo RGB 
GLUT_DEPTH : Permite usar buffer de profundidad 
GLUT STENCIL: Nos permite cambiar a modo stencil. 


Ejemplo: glutInitDisplayMode(GLUT DOUBLE | GLUT RGB); 
glutInit(Karge, argv); Inicializa la librería auxiliar GLUT 
glutDisplayFunc(display). Se usa para definir el callback y consiste en 


redibujar la ventana. Cada vez que llama para redibujar utilizara la funcion 
display() u otra definida por el usuario. 
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glutInitWindowSize (anchura, altura). Define el tamaño de la ventana en 
pixeles. 


glutInitWindowPosition(x, y) Inicializa la posiciön de la ventana en el 
escritorio. 


Sintaxis: 
e = glutlnitWindowSize(ancho, alto) y 
© slutlnitWindowPosition(ejex, eje y) 


Ejemplo: 


© </utlnitWindowSize(500,500); 
© slutlnitWindowPosition(200,200); 


Crear la ventana 


glutCreateWindow(char* titulo) Se utiliza para crear la ventana y es 
definida con el tamaño y posición declarada con los comandos anteriormente, 
además en ella incluye el titulo de la ventana. 


e slutCreateWindow("Titulo del Programa”); 
© slutCreateWindow(argv[]); 


glutMainLoop() Esta función hace que el bucle de eventos se ponga en 
marcha. 


glutSwapBuffers Esta función se encarga de pegar la imagen en la ventana 
indicada. 
glFlush() Obliga la culminación de los comandos OpenGL 


glEnable(GL_DEPTH_TEST) Se utiliza para activar el test de buffer de 
profundidad 


glClear(GL COLOR BUFFER BIT|GL DEPTH BUFFER BIT) 
Se encarga de redibujar la escena, mientras borra el buffer de color y el buffer 
de profundidad. 


glColor3fQ) Define el color actual con el que se va a dibujar un objeto o 
figura. 


glClearColor establece el color actual. 
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glClear es la que realmente borra la pantalla con el color definido 
anteriormente 


Métodos de sombreado 
Existen tres métodos de sombreado: 


glShadeModel(GL_FLAT).- Se utiliza para caras planas y es 
considerado como la mas simple e ineficiente. 
glShadeModel(GL_SMOOTH).- Se hace uso para la presentacion 
de escenas granuladas, incluye degradados en la geometria y su calidad 
de presentacion se nota. 

glShadeModel(GL_PHONG).- Su calidad de presentaciön de la 
imagen es mejor que los dos anteriores y cercano alarealidad.(2) 





Con GL_FLAT Con GL_SMOOTH 
glEnable(GL_LIGHTING); Activa la fuente de luz. 
glEnable(GL_LIGHTO); 


glClearColor(R, G, B, A) Se utiliza para borrar el color de fondo y además 
define el nuevo color, considerando los siguientes parámetros: 

RRed (rojo) 

G Green (verde) 

B Blue (azul) 

A alpha 


glLoadIdentity() Define una matriz de identidad y con ella inicia las 
tranasformaciones. 


Pila.- En una matriz de transformación model-view se entiende como una 
pila, esto significa que cuando añadimos una transformación a la pila o la 
última, esta será el primero que sale de la pila, toda esta operación se realiza 
mediante las siguientes funciones: 
o  glPushMatrix(); Permite guardar la matriz actual en la pila. 
o glPopMatrix(); Coge la matriz que se encuentre en el top de la pila 
y la asigna a la matriz actual. 
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Para activar una matriz de transformaciön se define de la siguiente forma: 
glMatrixMode(GL_MODELVIEW); 


glutPostRedisplay(). Esta funciön se encarga deredibujar la ventana actual. 
Primitivas de dibujo en 2D 

Con estas primitivas de objetos podemos definir, lineas, puntos y poligonos. 
Ademas para definir un punto en 2D utilizaremos la siguiente funcion: 


glVertex2f(x, y), en el siguiente cuadro se presenta las primitivas 
geométricas:(4) 











PRIMITIVAS | DESCRIPCION 
GL_POINTS Define un punto 
GL_LINES Dos puntos definen una linea recta 


GL LINE STRI Union de segmentos de recta 

GL LINE LOOP} Unión de segmentos de recta y cerrados 
GL TRIANGLE Cada tres puntos es un triångulo 

GL QUADS Cada cuatro puntos un cuadrado 

GL POLYGON Define un poligono 














vi vi 
A vo 
i ha v2 
= s v4 
Š EE v5 


v3 


GL_QUAD_STRIP GL_QUADS å 


vo 
vo 
v 


vi 
| > v4 
GL TRIANGLE STRIP 3 


GL_TRIANGLES 





GL_POLYGON 


Formato para la definiciön de las primitivas 
glBegin(<tipo de primitiva>); 

glVertex(...); 

glVertex(...); 


el Vertex(...); 
glEnd(); 
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Ejemplos: 
Dibuja Puntos: 


glBegin(GL POINTS); 

gl Vertex3f(0.0, 0.0, 0.0); 

gl Vertex3f(10.0, 10.0, 10.0); 
glEnd(); 


Dibuja un Triangulo: 


glBegin(GL_TRIANGLES); 
glVertex2i(0, 0,); 
glVertex2i(0, 0,); 
glVertex2i(0, 3,); 
glVertex2i(3, 0,); 
glEnd(); 


Poli linea cerrada: 
glBegin(GL LINE LOOP); 
glVertex2i(0, 0); 
glVertex2i(0, 3); 
glVertex2i(3, 3); 
glVertex2i(3, 0); 
glEnd(); 


Dibuja Lineas: 


glBegin(GL LINES); 
glVertex2i(0, 0,); 
gl Vertex2f(5, 5); 
elVertex2f(1, 1); 
glEnd(); 


Ubicación del color de relleno en una primitiva 


glBegin(GL_TRIANGLES); 
glColor3f (0.0, 1.0, 0.0); 
glVertex3f(0.0, 0.0, 0.0); 
glVertex3f(2.0, 0.0, 0.0); 
glVertex3f(1.0, 1.0, 0.0); 
glEnd(); 
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Estilos de lineas 


Para utilizar los estilos de linea es neceario activar/desactivar de la 
siguiente forma 


© glEnable(GL LINE STIPPLE); 
© giDisable(GL LINE STIPPLE); 


Patrón de línea 


void glLineStipple(Glint factor, Glshortpattern); 


Grosor de la linea. 


void glLineWidth(GLfloatwidth); 
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CAPÍTULO II 


Computaciön Grafica 
TRANSFORMACION 


Las transformaciones geométricas se encargan de modificar la posición y 
orientaciön de los objetos y esto se realiza a través de la matriz modelador en 
donde OpenGL nos proporciona funciones de alto nivel, para generar 
matrices de traslaciön, rotacion y escalado. 


Traslaciön 

En OpenGL la traslación no modifica la geometría del objeto solo su 
posición en el espacio y esta operación consiste en sumar a las coordenadas 
de cada punto, los valores de desplazamiento en las dos direcciones X e Y. 


Formato: 


glTranslatef(GLfloat x, GLfloat y GLfloat z); 
glTranslatef(GLdouble x, GLdouble y GLdouble z); 


Rotaciön 

Para rotar un objeto es necesario aplicar la transformaciön a sus vértices y 
unir los puntos transformados. Ademas los angulos positivos se miden en 
sentido contrario al giro de las agujas del reloj. 


Formato: 


glRotatef(GLfloat angle, GLfloat y GLfloat y, GLfloat z); 
glRotatef(GLdouble angle, GLdouble y GLdouble y, GLdouble z); 


Escalado 
En OpenGL modifica la distancia de los puntos donde se aplica, teniendo 
en cuenta el punto de referencia. 


Formato: 


glScalef(GLfloat x, GLfloat y GLfloat z); 
glScalef(GLdouble x, GLdouble y GLdouble z); 


Ejemplos 


Mi primer programa 
#include <gl/glut.h> 
#include <stdio.h> 
#include <stdlib.h> 
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void display(void) { 
glClearColor(1.0,1.0,1.0,1.0); 
glClear(GL COLOR BUFFER BIT); 
glColor3f(0.0,0.0,0.0); 
glOrtho(-4.0,4.0,-4.0,4.0,-1.0,1.0); 
glBegin(GL_ LINE LOOP); 

gl Vertex2i(0,3); 

gl Vertex2i(1,1); 

gl Vertex2i(3,0); 

gl Vertex2i(1,-1); 

glVertex2i(0,-3); 

glVertex2i(-1,-1); 

glVertex2i(-3,0); 

glVertex2i(-1,1); 

glVertex2i(0,3); 
glEnd(); 


glFlush(); 
glutSwapBuffers(); 


int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE | 
GLUT RGB); 
glutInit WindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Mi Primer Dibujo"); 
glutDisplayFunc(display); 
glutMainLoop(); 


ll Mi primer Dibujo 
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Ejemplo: 


Dibuja Lineas con estilos de linea 
#include <GL/glut.h> 


void display(void) { 
glClearColor(1.0,1.0,1.0,1.0); //Fondo blanco 
glClear(GL COLOR BUFFER BIT); 
glColor3f(1.0,0.0,0.0); // rojo 
glOrtho(-5.0,5.0,-5.0,5.0,-5.0,5.0); 


glEnable(GL LINE STIPPLE); //Se activa el patron de líneas 
glLine Width(2.0); //Grosor de linea 
glLineStipple(2,0xA AAA); //Estilo de Linea 
glBegin(GL LINE STRIP); 
gl Vertex2i(0,3); 
glVertex2i(1,2); 
glVertex2i(2,2); 
glVertex2i(2,1); 
glVertex2i(3,0); 
glVertex2i(2,-1); 
glVertex2i(2,-1); 
glVertex2i(2,-2); 
glVertex2i(1,-2); 
glVertex2i(0,-3); 
glVertex2i(-1,-2); 
glVertex2i(-2,-2); 
glVertex2i(-2,-1); 
gl Vertex2i(-3,0); 
gl Vertex21(-2,1); 
glVertex2i(-2,1); 
glVertex2i(-2,2); 
glVertex2i(-1,2); 
glVertex2i(0,3); 
glEnd(); 
glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | GLUT_RGB); 
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glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Estilos de Linea"); 
glutDisplayFunc(display); 
glutMainLoop(); 


j MM Estilos de Linea 





Ejemplo: 


Dibuja líneas de color verde 

finclude<gl/glut.h> 

void display(void) { 
glClearColor(0.0,0.0,0.0,0.0); 
glClear(GL_COLOR_BUFFER BIT); 


glOrtho(-5.0,5.0,-5.0,5.0,-5.0,5.0); 


glEnable(GL LINE STIPPLE); 
glLine Width(1.0); 


glLineStipple(1,0xA AAA); 

glBegin(GL LINE STRIP); 
glColor3f(0.0,1.0,1.0); 
glVertex2f(4.0,0.0); 
glVertex2f(2.0,1.0); 
glVertex2f(2.0,2.0); 
glVertex2f(1.0,2.0); 
glVertex2f(0.0,4.0); 


glVertex2f(-1.0,2.0); 
glVertex2f(-2.0,2.0); 


2935 


gl Vertex2f(-2.0,1.0); 
glVertex2f(-4.0,0.0); 


glVertex2f(-2.0,-1.0); 

gl Vertex2f(-2.0,-2.0); 

glVertex2f(-1.0,-2.0); 
gl Vertex2f(0.0,-4.0); 
gl Vertex2f(1.0,-2.0); 
gl Vertex2f(2.0,-2.0); 
gl Vertex2f(2.0,-1.0); 
gl Vertex2f(4.0,0.0); 

glEnd(); 


glFlush(); 
glutSwapBuffers(); 


int main(int arge, char *argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | 
GLUT_RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(200, 200); 
glutCreate Window("Estilos de Lineas"); 
glutDisplayFunc(display); 
glutMainLoop(); 


} MM Estilos de Lineas 





Dibuja un Poligono 
#include <gl/glut.h> 
#include <stdio.h> 
#include <stdlib.h> 
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void display(void) { 


glClearColor(1.0,1.0,1.0,1.0); 
glClear(GL_COLOR_BUFFER BIT); 


glColor3f(0.0, 0.0, 1.0); 
glOrtho(-3.0,3.0,-3.0,3.0,-3.0,3.0); 


glBegin(GL_POLYGON); 
glVertex2f(2.0, 2.0); 
glVertex2f(0.0, 3.0); 
glVertex2f(-2.0, 2.0); 
glVertex2f(-3.0, 0.0); 
glVertex2f(-2.0, -2.0); 
glVertex2f(0.0, -3.0); 
glVertex2f(2.0, -2.0); 
glVertex2f(3.0, 0.0); 

glEnd(); 


glFlush(); 
glutSwapBuffers(); 
} 
int main(int argc, char *argv[ |) 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | GLUT_RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(200, 200); 
glutCreate Window("Lineas"); 
glutDisplayFunc(display); 
glutMainLoop(); 


E Poligono 
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Dibuja Triangulos 
#include <gl/glut.h> 
#include <stdio.h> 
#include <stdlib.h> 


void display(void) { 


glClearColor(1.0,1.0,1.0,1.0); 
glClear(GL COLOR BUFFER BIT); 


glOrtho(-2.0,2.0,-2.0,2.0,-2.0,2.0); 


glBegin(GL_TRIANGLES); 
glColor3f(0.0, 0.0,1.0); 
glVertex2f(0.0, 0.0); 
glVertex2f(1.5, 0.0); 
glVertex2f(1.5, 1.5); 
glVertex2f(0.0, 0.0); 
glVertex2f(-1.5, 0.0); 
glVertex2f(-1.5, -1.5); 

glEnd(); 


glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[ |) 
glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE | 
GLUT RGB); 
glutInit WindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Dibuja Triangulos"); 
glutDisplayFunc(display); 
glutMainLoop(); 
} 
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Dibuja un triangulo, cada vértice con diferentes colores 
#include <gl/glut.h> 
#include <stdio.h> 
#include <stdlib.h> 


void display(void) { 


glClearColor(0.0,0.0,0.0,0.0); 
glClear(GL COLOR BUFFER BIT); 
glOrtho(-1.0,1.0,-1.0,1.0,-1.0,1.0); 


glBegin(GL TRIANGLES); 
glColor3f(1.0f,0.0£,0.0f); 
gl Vertex2f(-0.5,-0.5); 
glColor3 f(0.0f, 1.0f,0.0f); 
glVertex2f(0.5,-0.5); 
glColor3f(0.0f,0.0f,1.0f); 
glVertex2f(0.0,0.5); 

glEnd(); 


glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[]) { 
glutInitDisplayMode(GLUT DEPTH | GLUT DOUBLE | GLUT RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Triangulo"); 
glutDisplayFunc(display); 
glutMainLoop(); 


= Triangulo 
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Computaciön Grafica 


Ejemplo: 


Dibuja un poligono cerrado (cuadrado) 
//Dibuja Polyline (cerrada) 

#include <gl/glut.h> 

#include <stdio.h> 

#include <stdlib.h> 


void display(void) { 


glClearColor(0.0,0.0,0.0,0.0); 
glClear(GL COLOR BUFFER BIT); 
glOrtho(-1.0,1.0,-1.0,1.0,-1.0,1.0); 
glColor3f(1.0,1.0,1.0); 


glBegin(GL_ LINE LOOP); 
glVertex2f(0.0,0.0); 
glVertex2f(0.0,0.5); 
glVertex2f(0.5,0.5); 
glVertex2f(0.5,0.0); 

glEnd(); 

glFlush(); 

glutSwapBuffers(); 


int main(int argc, char *argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | GLUT_RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Dibuja Polylinea Cerrada"); 
glutDisplayFunc(display); 
glutMainLoop(); 


ES Dibuja Polylinea Cerrada DER) 
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Chino mendigo 
#include <GL/glut.h> 


void Dibujo(void) 

{ glClearColor(1.0,1.0,1.0,0.0); 
glClear(GL COLOR BUFFER BIT); 
glOrtho(-13.0,13.0,-13.0,13.0,-13.0,13.0); 
glColor3f(2.0,0.0,0.0); 

glBegin(GL_QUADS); 
glVertex2i(-2,0); 
glVertex2i(-4,-2); 
glVertex2i(0,-2); 
glVertex2i(2,0); 
glEnd(); 
glColor3f(0.8,0.7,0.0); 
glBegin(GL_QUADS); 
glVertex2i(-6,8); 
glVertex2i(-4,10); 
glVertex2i(-2,8); 
glVertex2i(-4,6); 
glEnd(); 
glColor3f(2.8,0.7,0.0); 
glBegin(GL_TRIANGLE FAN); 
gl Vertex21(0,8); 
gl Vertex2i(2,6); 
glVertex2i(4,8); 
glEnd(); 
glColor3f(2.8,0.7,0.0); 
glBegin(GL TRIANGLE STRIP); 
glVertex2i(-4,6); 
glVertex2i(-1,3); 
gl Vertex2i(2,6); 
glEnd(); 
glColor3f(2.8,0.7,0.0); 
glBegin(GL_TRIANGLE FAN); 
glVertex2i(-2,0); 
gl Vertex21(2,4); 
gl Vertex2i(6,0); 
glEnd(); 
glColor3f(2.8,0.7,0.0); 
glBegin(GL_TRIANGLE FAN); 
glVertex2i(4,0); 
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glVertex2i(6,-2); 
glVertex2i(8,0); 

glEnd(); 

glColor3f(0.8,0.7,0.0); 

glBegin(GL TRIANGLE FAN); 
glVertex2i(-4,6); 
glVertex2i(-4,-2); 
gl Vertex2i(0,2); 

glEnd(); 


glutSwapBuffers(); 


int main(int argc, char *argv[]) 
{ glutInitDisplayMode(GLUT DEPTH | GLUT DOUBLE | 
GLUT RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(400, 200); 
glutCreate Window("Chino Mendigo"); 
glutDisplayFunc(Dibujo); 
glutMainLoop(); 
} 


Chino implorando 
#include <gl/glut.h> 


void Dibujo(void){ 
glClearColor(0.7,0.7,0.2,0.0); 
glClear(GL COLOR BUFFER BIT); 
glOrtho(-20.0,20.0,-20.0,20.0,-20.0,20.0); 
glBegin(GL QUADS); 
glColor3f(1.0,0.0,0.0); 
glVertex2f(2,-2); 
glVertex2f(2,-4); 
glVertex2f(4,-4); 
glVertex2f(4,-2); 
glEnd(); 
glBegin(GL TRIANGLES); 
glColor3f(1.0,1.0,0.0); 
glVertex2f(6,-2); 
glVertex2f(6,-8); 


- 30 - 


Leonel Coyla Idme 
glVertex2f(1,-8); 
glEnd(); 
glBegin(GL TRIANGLES); 
glColor3f(1.0,0.0,1.0); 
glVertex2f(6,-2); 
glVertex2f(6,-12); 
glVertex2f(11,-7); 
glEnd(); 
glBegin(GL TRIANGLES); 
glColor3f(0.0,1.0,0.0); 
elVertex2f(6,-12); 
glVertex2f(8,-10); 
glVertex2f(10,-12); 
glEnd(); 
glBegin(GL TRIANGLES); 
glColor3f(0.0,0.0,1.0); 
glVertex2f(9,-11); 
glVertex2f(11,-11); 
glVertex2f(11,-13); 








glEnd(); 
glBegin(GL POLYGON); 
glColor3f(0.0,1.0,1.0); 
gl Vertex2f(-1,-10); 
glVertex2f(1,-8); 
glVertex2f(5,-8); 
glVertex2f(2,-10); 
glEnd(); 
glBegin(GL TRIANGLES); 
glColor3f(1.0,0.5,1.0); 
gl Vertex2f(-1,-4); 
gl Vertex2f(-1,-10); 
glVertex2f(2,-7); 
glEnd(); 
glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[ |) 
glutInitDisplayMode(GLUT_DEPTH| 
GLUT DOUBLE|GLUT RGB); 
glutInitWindowSize(600,600); 
glutInitWindowPosition(100,100); 
glutCreateWindow("Chino implorando"); 
glutDisplayFunc(Dibujo); 
glutMainLoop(); 


¿dis 


Computaciön Grafica 

Dibuja un cuadrado, cada vértice con diferentes colores. 
#include <gl/glut.h> 

#include <stdio.h> 

#include <stdlib.h> 


void display(void) { 


glClearColor(1.0,1.0,1.0,0.0); 
glClear(GL COLOR BUFFER BIT); 


glOrtho(-1.0,1.0,-1.0,1.0,-1.0,1.0); == See 


glBegin(GL_QUADS); 
glColor3f(1.0f,0.0£,0.0f); 
glVertex2f(-0.5,-0.5); 
glColor3f(0.0f,1.0£,0.0f); 
glVertex2f(0.5,-0.5); 
glColor3f(0.0f,0.0f,1.0f); 
glVertex2f(0.5,0.5); 
glColor3f(0.0f,1.0f,1.0f); 
glVertex2f(-0.5,0.5); 

glEnd(); 





glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | GLUT_RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Cuadrado"); 
glutDisplayFunc(display); 
glutMainLoop(); 


Chino saludando 
#include <GL/glut.h> 


void Dibujo(void) 


{ 
glClearColor(1.0,1.0,1.0,0.0); 
glClear(GL_COLOR_BUFFER BIT); 


2D 
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glColor3f(0.0,0.0,1.0);//azul 

glOrtho(-12.0,12.0,-12.0,12.0,-12.0,12.0); 

glBegin(GL_TRIANGLES); 
glVertex2i(6,10); 
glVertex2i(2,10); 
glVertex2i(6,6); 

glEnd(); 

glBegin(GL TRIANGLES); 
glVertex2i(3,9); 
glVertex2i(3,7); 
glVertex2i(5,7); 

glEnd(); 

glBegin(GL TRIANGLES); 
glVertex2i(0,7); 
glVertex2i(0,4); 
glVertex2i(3,7); 

glEnd(); 

glBegin(GL TRIANGLES); 
glVertex2i(0,7); 
glVertex2i(-2,5); 
glVertex2i(0,3); | 

glEnd(); | 

glBegin(GL_QUADS); | 
glVertex2i(2,6); | 
glVertex2i(1,5); 
glVertex2i(2,4); 
glVertex2i(3,5); 

glEnd(); 

glBegin(GL TRIANGLES); 
glVertex2i(0,0); 
glVertex2i(0,-2); 
glVertex2i(3,-2); 

glEnd(); 

glBegin(GL QUADS); 
glVertex2i(-1,4); 
glVertex2i(-1,1); 
glVertex2i(0,0); 
glVertex2i(0,3); 

glEnd(); 

glutSwapBuffers(); 
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int main(int argc, char“ argv[]) 


glutlnit(&argc, argv); 

glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE | GLUT RGB); 
glutInitWindowSize(400,400); 

glutInitWindowPosition(200,200); 

glutCreateWindow("Chino Saludando"); 

glutDisplayFunc(Dibujo); 

glutMainLoop(); 


Dibuja el sistema de coordenadas y un cuadrado 
#include <GL/glut.h> 

#define ancho 320 

#define alto 240 

#define profundidad 500 


void dibuja(); 


int main(int argc, char** argv) { 

glutInitDisplayMode(GLUT RGBA | GLUT SINGLE); 

glutInit WindowPosition(100, 0); 

glutInitWindowSize(ancho, alto); 

glutCreateWindow("Sistema de Coordenadas"); 

glOrtho(-(ancho/2), (ancho/2), -(alto/2), (alto/2), -profundidad, profundidad); 
glClearColor(1, 1, 1, 0); 

glutDisplayFunc(dibuja); 

glutMainLoop(); 

return 0; 


} 


void dibuja() { 

glClear(GL COLOR BUFFER BIT); 

glColor3f(0, 0, 0); 

glBegin(GL LINES); 
gl Vertex2f(-ancho/2, 0); 
gl Vertex2f(ancho/2, 0); 
glVertex2f(0, alto/2); 
glVertex2f(0, -alto/2); 

glEnd(); 

glColor3f(1, 0, 0); 

glBegin(GL_QUADS); 
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glVertex2f(50,-50); 
glVertex2f(-50,-50); 
glVertex2f(-50,50); 
glVertex2f(50,50); 
glEnd(); 
glFlush(); 


Sistema de Coordenadas EEK) 





Tamaño de Puntos 
#include <GL/glut.h> 


void display(void) { 
glClearColor(1.0,1.0,1.0,0.0); //Fondo plomo 
glClear(GL COLOR BUFFER BIT); 
glColor3f(1.0,0.0,1.0); // magenta 
glOrtho(-7.0,7.0,-7.0,7.0,-7.0,7.0); 


glPointSize(3.0); 


glBegin(GL_POINTS); 
glVertex2i(0,0); 
glVertex2i(0,3); 
glVertex2i(3,0); 
glVertex2i(3,3); 
glEnd(); 


glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[]) I 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | 
GLUT_RGB); 
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glutInit WindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("TamafioDePuntos"); 
glutDisplayFunc(display); 
glutMainLoop(); 


} MM TamañoDePuntos 





Ejemplo: 


Dibuja estilos de líneas 

#include <gl/glut.h> 

#include <stdio.h> 

#include <stdlib.h> 

void display(void) { 
glClearColor(0.0,0.0,0.0,0.0); 
glClear(GL_COLOR_BUFFER BIT); 


glOrtho(-1.0,1.0,-1.0,1.0,-1.0,1.0); 
glEnable(GL LINE STIPPLE); 


glLineWidth(1.0); //Ancho de linea 

glLineStipple(1,0x00FF); //guion 

glBegin(GL LINES); 
glColor3f(0.0,1.0,0.0); 
glVertex2f(-0.7,-0.5); 
glVertex2f(-0.7,0.5); 

glEnd(); 


glLineStipple(1,0x1C47); //Linea Punto Linea 
glBegin(GL_LINES); 
glColor3f(0.0,1.0,1.0); 
glVertex2f(-0.5,-0.5); 
glVertex2f(-0.5,0.5); 
glEnd(); 
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glLineStipple(1,0x0101); //Puntos 
glBegin(GL LINES); 
glColor3f(1.0,1.0,0.0); 
glVertex2f(-0.3,-0.5); 
glVertex2f(-0.3,0.5); 
glEnd(); 


glLineStipple(2,0xAAAA); // 
glBegin(GL LINES); 
glColor3f(1.0,0.0,1.0); 
gl Vertex2f(0.3,-0.5); — — 
glVertex2f(0.3,0.5); E Dibuja Estilos de Líneas EEK) 
glEnd(); 


glLineStipple(2,0x0COF); // 
glBegin(GL LINES); 
glColor3f(0.0,0.0, 1.0); 
glVertex2f(0.5,-0.5); 
gl Vertex2f(0.5,0.5); 
glEnd(); 


glLineStipple(2,0x00FF); // 
glBegin(GL LINES); 
glColor3f(1.0,0.0,0.0); 
glVertex2f(0.7,-0.5); 
glVertex2f(0.7,0.5); 
glEnd(); 





glLineStipple(3,0x00FF); // 
glBegin(GL LINES); 
glColor3f(1.0,1.0,0.0); 
glVertex2f(0.0,-0.5); 
gl Vertex2f(0.0,0.5); 
glTexCoord1d (15); 
glEnd(); 


glFlush(); 
glutSwapBuffers(); 


int main(int argc, char *argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE | GLUT RGB); 
glutInitWindowSize(400, 400); 
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glutInitWindowPosition(100, 100); 
glutCreate Window("Dibuja Estilos de Lineas"); 
glutDisplayFunc(display); 
glutMainLoop(); 


Dibuja lineas formando un circulo 
# include<GL/glut.h> 
# include<stdio.h> 


# include<stdlib.h> eas en Forma = 


F include<math.h> 


void display(void) { 
glClearColor(0.0,0.0,0.0,0.0); 
glClear(GL COLOR BUFFER BIT); 


glOrtho(-1.0,1.0,-1.0,1.0,-1.0,1.0); 
glColor3f(1.0f,0.0f,0.0f); 





GLfloat angulo; 
int 1; 
glBegin(GL_LINES); 
for(1=1;1<360;1+=3) 


angulo=(GLfloat)i*3.14159f/180.0f; 
glVertex3f(0.0f,0.0f,0.0f); 
glVertex3f(cos(angulo),sin(angulo),0.0f); 


} 
glEnd(); 
glFlush(); 
glutSwapBuffers(); 
} 


int main(int argc, char argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE |GLUT_RGB); 
glutInitWindowSize(400,400); 
glutInitWindowPosition(100,100); 
glutCreateWindow("Lineas en Forma Circular"); 
glutDisplayFunc(display); 
glutMainLoop(); 
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Dibuja un circulo 
# include<GL/glut.h> 
# include<stdio.h> 
# include<stdlib.h> 
# include<math.h> 


void display(void) { 
glClearColor(0.0,0.0,0.0,0.0); 
glClear(GL COLOR BUFFER BIT); 
glOrtho(-1.0,1.0,-1.0,1.0,-1.0,1.0); 
glColor3f(1.0f,0.0f,0.0f); 


GLfloat angulo; 
int i; 
glBegin(GL_LINE LOOP); 
for(1=0;1<360;1++) 
{ 
angulo=2*3.14159*1/360; 
glVertex2f(cos(angulo),sin(angulo)); 


} 
glEnd(); 
glFlush(); 
glutSwapBuffers(); 


} 


int main(int argc, char * argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE | 
GLUT_RGB); 
glutInitWindowSize(500,500); 
glutInitWindowPosition(100,100); 
glutCreateWindow("Lineas en Forma Circular"); 
glutDisplayFunc(display); 
glutMainLoop(); 
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TRANSFORMACION GEOMETRICA BIDIMENSIONAL 


Traslaciön en 2 dimensiones 

//Dibuja un cuadrado y avanza a la Derecha, Izquierda, Arriba y Abajo 
#include <GL/glut.h> 

#define ancho 320 

#define altura 240 

#define profundidad 500 

void DibujaCuadrado(); 

void ejesxy(); 

void TecladoMovimiento(int tecla, int x, int y); 

int posx=0, posy=0; 


int main(int arge, char** argv) { 
glutInitDisplayMode(GLUT RGBA|GLUT DOUBLE); 
glutInitWindowPosition(100, 0); 
glutInitWindowSize(ancho, altura); 
glutCreateWindow("Traslacion 2D "); 
glOrtho(-(ancho/2), (ancho/2), -(altura/2), (altura/2), -profundidad, 
profundidad); 
glClearColor(1, 1, 1,0); 
glutDisplayFunc(DibujaCuadrado); 
glutSpecialFunc(TecladoMovimiento); 
glutMainLoop(); 
return 0; 


} 
void DibujaCuadrado() { 
glClear(GL COLOR BUFFER BIT); 
ejesxy(); 
glPushMatrix(); 
glTranslatef(posx, posy,0); 
glBegin(GL OUADS); 
glColor3f(0.5, 1.0, 0.0); gl Vertex2f(0,50); 
glColor3f(1.0, 1.0, 0.0); gl Vertex2f(-50,0); 
glColor3f(0.5, 1.0, 0.0); gl Vertex2f(0,-50); 
glColor3f(1.0, 1.0, 0.0); gl Vertex2f(50, 0); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void ejesxy() { 
glColor3f(0.0, 0.5, 1.0); 
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glBegin(GL_LINES); 
gl Vertex2f(-ancho/2, 0); 
gl Vertex2f(ancho/2, 0); 
gl Vertex2f(0, altura/2); 
glVertex2f(0, -altura/2); 
glEnd(); 


void TecladoMovimiento(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY UP:posy++;break; 
case GLUT KEY DOWN: posy--;break; 
case GLUT KEY RIGHT: posx++;break; 
case GLUT KEY LEFT: posx--;break; 


} 
glutPostRedisplay(); 
} 





Traslaciön de un poligono 2D 


#include <GL/glut.h> 

#define ancho 320 

#define altura 240 

#define profundidad 500 

void DibujaPoligono(); 

void ejesxy(); 

void TecladoMovimiento(int tecla, int x, int y); 

int posx=0, posy=0; 

int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_RGBA | GLUT DOUBLE); 
glutInitWindowPosition(100, 0); 
glutInitWindowSize(ancho, altura); 
glutCreate Window("Traslación 2D "); 
glOrtho(-(ancho/2), (ancho/2), -(altura/2), (altura/2), -profundidad, profundidad); 
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glClearColor(0, 0, 0, 0); 
glutDisplayFunc(DibujaPoligono); 
glutSpecialFunc(TecladoMovimiento); 
glutMainLoop(); 

return 0; 


} 
void DibujaPoligono() { 
glClear(GL COLOR BUFFER BIT); 
ejesxy(); 
glPushMatrix(); 
glTranslatef(posx, posy,0); 
glBegin(GL_QUADS); 
glBegin(GL LINE STRIP); 
glColor3f(0.0,1.0,1.0); 
glVertex2f(40.0,0.0); 
glVertex2f(20.0,10.0); 
glVertex2f(20.0,20.0); 
glVertex2f(10.0,20.0); 
glVertex2f(0.0,40.0); 
glVertex2f(-10.0,20.0); 
glVertex2f(-20.0,20.0); 
glVertex2f(-20.0,10.0); 
glVertex2f(-40.0,00.0); 
glVertex2f(-20.0,-10.0); 
glVertex2f(-20.0,-20.0); 
glVertex2f(-10.0,-20.0); 
glVertex2f(0.0,-40.0); 
glVertex2f(10.0,-20.0); 
glVertex2f(20.0,-20.0); 
glVertex2f(20.0,-10.0); 
glVertex2f(40.0,0.0); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 


} 
void ejesxy() { 
glColor3f(0.0, 0.5, 1.0); 
glBegin(GL_LINES); 
glVertex2f(-ancho/2, 0); 
glVertex2f(ancho/2, 0); 
glVertex2f(0, altura/2); 
glVertex2f(0, -altura/2); 
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glEnd(); 


void TecladoMovimiento(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY UP: posy++;break; 
case GLUT KEY DOWN : posy--;break; 
case GLUT KEY RIGHT : posx++;break; 
case GLUT KEY LEFT : posx--;break; 


} 
glutPostRedisplay(); 
} 





r y 
E) Traslación 2D le] 6 as 
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Rotaciön de un cuadrado en su mismo eje, en 2D 





#include <GL/glut.h> 


#define ancho 320 
#define altura 240 
#define profundidad 500 


void DibujaCuadrado(); 
void EjesXY(); 
void Teclado(unsigned char tecla, int x, int y); 


int angulo=0; 


int main(int argc, char** argv) { 

glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
glutInitWindowPosition(100, 0); 

glutInitWindowSize(ancho, altura); 

glutCreateWindow("Rotaciön de un Cuadrado en 2D"); 
glOrtho(-(ancho/2), (ancho/2), -(altura/2), (altura/2), -profundidad, profundidad); 
glClearColor(1, 1, 1, 0); 
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glutDisplayFunc(DibujaCuadrado); En 
glutKeyboardFunc(Teclado); Rotación de un Cuadrado Eek) 





glutMainLoop(); 
return 0; 


} 


void DibujaCuadrado() { 
glClea(GL COLOR BUFFER BIT); 
EjesXY(); 





glPushMatrix(); 
glRotatef(angulo, 0, 0, 1); 
glBegin(GL_QUADS); 
glColor3f(1, 0, 0);g1Vertex21(50,50); 
glColor3f(1, 1, 0);glVertex21(-50, 50); 
glColor3f(1, 0, 0);g1Vertex21(-50, -50); 
glColor3f(1, 1, 0);glVertex21(50, -50); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void EjesXY() I 

glColor3f(1.0, 0.0, 1.0); 

glBegin(GL LINES); 
gl Vertex2i(-ancho/2, 0); 
glVertex2i(ancho/2, 0); 
gl Vertex21(0, altura/2); 
gl Vertex21(0, -altura/2); 

glEnd(); 

} 


void Teclado(unsigned char tecla, int x, int y) { 
switch(tecla) { 

case 's': 

case 'S': 

case 27: exit(0);break; 

case ']': 

case 'L': angulo++; break; 

case '1': 

case 'R': angulo--; break; 


glutPostRedisplay(); 
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Rotacion en 2 dimensiones con el teclado 
#include <GL/glut.h> 
#include <stdlib.h> 


static GLfloat Angulo = 0.0; 
void Inicio(void) 


{ 
glClearColor (0.0, 0.0, 0.0, 0.0); 
glShadeModel (GL_FLAT); 

} 


void DibujaCuadrado(void) 


glClea(GL COLOR BUFFER BIT); 
glPushMatrix(); 
glRotatef(Angulo, 0.0, 0.0, 1.0); 
glColor3f(0.0, 1.0, 1.0); 
glBegin(GL_QUADS); 
gl Vertex2i(0,20); 
gl Vertex2i(-20,0); 
gl Vertex2i(0,-20); 
gl Vertex2i(20,0); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 


void reshape(int w, int h) 


glViewport (0, 0, (GLsizei) w, (GLsizei) h); 
giMatrixMode(GL PROJECTION); 
glLoadldentity(); 
glOrtho(-40.0, 40.0, -40.0, 40.0, -4.0, 4.0); 
glMatrixMode(GL_MODELVIEW); 
glLoadldentity(); 

} 


void ControlTeclado(int Tecla,int x,int y) 


if(Tecla = GLUT_KEY RIGHT) 
Angulo-=5; 
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if(Tecla == GLUT KEY LEFT) 
Angulo+=5; 
if(Tecla== GLUT KEY UP) 
exit(0); 
glutPostRedisplay(); 
j 


int main(int argc, char** argv) 


glutlnit(&argc, argv); 
glutInitDisplayMode (GLUT_DOUBLE | GLUT_RGB); 
glutInitWindowSize (300, 300); 
glutInitWindowPosition (400, 200); 
glutCreate Window (argv[0]); 
Inicio(); 
glutDisplayFunc(DibujaCuadrado); 
glutSpecialFunc(ControlTeclado); 
glutReshapeFunc(reshape); 
glutMainLoop(); 

return 0; 
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Escalado - amplia y reduce el tamaño de un cuadrado en 2D 
#include <GL/glut.h> 

#define ancho 320 

#define altura 240 

#define profundidad 500 


void DibujaCuadrado(); 
void EjesX Y (); 
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void TecladoScala(int tecla, int x, int y); 


float esc=1; 


int main(int argc, char** argv) { 

glutInitDisplayMode(GLUT_RGBA | GLUT DOUBLE); 
glutInitWindowPosition(100, 0); 

glutInitWindowSize(ancho, altura); 

glutCreateWindow("Amplia y Reduce el Tamafio de un Cuadrado"); 
glOrtho(-(ancho/2), (ancho/2), -(altura/2), (altura/2), -profundidad, profundidad); 


glClearColor(0, 0, 1, 0); 
glutDisplayFunc(DibujaCuadrado); 
glutSpecialFunc(TecladoScala); 


glutMainLoop(); 
return 0; 


} 


void DibujaCuadrado() { 
glClear(GL COLOR BUFFER BIT); 
EjesXY(); 


glPushMatrix(); 
glScalef(esc, esc, esc); 
glBegin(GL QUADS); 
glColor3f(1, 0, 0); gl Vertex2i(50,50); 
glColor3f(1, 1, 0); glVertex2i(-50, 50); 
glColor3f(1, 0, 0); gl Vertex2i(-50, -50); 
glColor3f(1, 1, 0); gl Vertex2i(50, -50); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void EjesXY() I 

glColor3f(1, 1, 1); 

glBegin(GL LINES); 
gl Vertex2i(-ancho/2, 0); 
gl Vertex2i(ancho/2, 0); 
glVertex2i(0, altura/2); 
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glVertex2i(0, -altura/2); 
glEnd(); 
} 


void TecladoScala(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY PAGE UP: esc=esc*1.01; break; 
case GLUT KEY PAGE DOWN : esc=esc*0.99; break; 


} 
glutPostRedisplay(); 


EM Amplia y Reduce el Tamaño de un... DEAR) 





Dibuja triángulo en 2D (Escalado, Traslación y Rotación) 
#include <GL/glut.h> 


#define ancho 320 
#define alto 240 
#define profundidad 500 


void dibuja(); 

void ejes(); 

void tecladoNormal(unsigned char tecla, int x, int y); 
void tecladoEspecial(int tecla, int x, int y); 


int posx=0, posy=0; 
int angulo=0; 
float esc=1; 


int main(int argc, char** argv) I 
glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
glutInitWindowPosition(100, 0); 
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glutInitWindowSize(ancho, alto); 
glutCreateWindow("Transformaciones Geometricas"); 
glOrtho(-(ancho/2), (ancho/2), -(alto/2), (alto/2), -profundidad, profundidad); 
glClearColor(1, 1, 1, 0); 
glutDisplayFunc(dibuja); 
glutKeyboardFunc(tecladoNormal); 
glutSpecialFunc(tecladoEspecial); 
glutMainLoop(); 
return 0; 


} 


void dibuja() { 
glClear(GL COLOR BUFFER BIT); 
ejes(); 


glPushMatrix(); 
elTranslatef(posx, posy, 0); 
glRotatef(angulo, 0, 0, 1); 
glScalef(esc, esc, esc); 
glBegin(GL_POLYGON); 
glColor3f(1, 0, 0); glVertex3f(0, 100, 0); 
glColor3f(1, 1, 0); glVertex3f(50, -50, 0); 
glColor3f(0, 0, 1); glVertex3f(-50, -50, 0); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void ejes() { 

glColor3f(0.9, 0.9, 0.9); 

glBegin(GL_LINES); 
glVertex3f(-ancho/2, 0, 0); 
glVertex3f(ancho/2, 0, 0); 
glVertex3f(0, alto/2, 0); 
glVertex3f(0, -alto/2, 0); 

glEnd(); 

} 


void tecladoNormal(unsigned char tecla, int x, int y) { 
switch(tecla) { 

case 's': 

case 'S': 
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case 27: exit(0);break; 
case 'g': 
case 'G': angulo++;break; 


} 
glutPostRedisplay(); 
} 


void tecladoEspecial(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY UP  :posy++;break; 
case GLUT KEY DOWN.: posy--;break; 
case GLUT KEY RIGHT : posx++;break; 
case GLUT KEY LEFT _:posx--;break; 
case GLUT KEY PAGE UP : esc=esc*1.01;break; 
case GLUT KEY PAGE DOWN: esc=esc*0.99;break; 


} 
glutPostRedisplay(); 
} 


E Transformaciones Geometricas DER) 





Transformacion2D - Robot 


#include <GL/glut.h> 

void DibujaRobot(); 

void CoordenadasX Y (); 

void TecladoNormal(unsigned char tecla, int x, int y); 
void TecladoEspecial(int tecla, int x, int y); 

int posx=0, posy=0; 

int angulo=0; 

float esc=1; 


int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE ); 
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glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Transformacion Geométrica"); 
glOrtho(-15,15,-15,15,-15,15); 


glClearColor(1,1,1,1); 
glutDisplayFunc(DibujaRobot); 
glutKeyboardFunc(TecladoNormal); 
glutSpecialFunc(TecladoEspecial); 
glutMainLoop(); 

return 0; 


} 
void DibujaRobot() { 
glClear(GL COLOR BUFFER BIT); 
CoordenadasX Y (); 


glPushMatrix(); 
glTranslatef(posx, posy, 0); 
glRotatef(angulo, 0, 0, 1); 
glScalef(esc, esc, esc); 
glColor3f(0,0,1); 
elPointSize(4); 


glBegin(GL_POINTS); 
glColor3f(1,0,1); 
glVertex2i(1,8); 
glVertex2i(-1,8); 
glEnd(); 


glBegin(GL_LINE LOOP); 
glVertex2i(-2,6); 
gl Vertex2i(-2,10); 
gl Vertex2i(2,10); 
gl Vertex2i(2,6); 
glEnd(); 


glBegin(GL_ LINE LOOP); 
glVertex2i(-4,2); 
glVertex2i(-4,6); 
glVertex2i(0,6); 
glVertex2i(0,2); 
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glEnd(); 

glBegin(GL_ LINE LOOP); 
glVertex2i(0,2); 
glVertex2i(0,6); 
glVertex2i(4,6); 
glVertex2i(4,2); 

glEnd(); 

glBegin(GL LINE LOOP); 
glVertex2i(-3,2); 
glVertex2i(-3,-1); 
glVertex2i(3,-1); 
glVertex2i(3,2); 

glEnd(); 

glBegin(GL LINE LOOP); 
glVertex2i(-3,-1); 
glVertex2i(0,-4); 
glVertex2i(3,-1); 

glEnd(); 

glBegin(GL_ LINE LOOP); 
glVertex2i(-3,-1); 
glVertex2i(0,-4); 
glVertex2i(3,-1); 

glEnd(); 

glBegin(GL_ LINE LOOP); 
glVertex2i(-2,-2); 
glVertex2i(0,-4); 
glVertex2i(0,-8); 
glVertex2i(-2,-8); 

glEnd(); 

glBegin(GL_ LINE LOOP); 
glVertex2i(2,-2); 
glVertex2i(0,-4); 
glVertex2i(0,-8); 
glVertex2i(2,-8); 

glEnd(); 

glBegin(GL_LINE LOOP); 
glVertex2i(-4,-8); 
glVertex2i(0,-8); 
glVertex2i(0,-10); 
glVertex2i(-4,-10); 

glEnd(); 

glBegin(GL_ LINE LOOP); 
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glVertex2i(4,-8); 
glVertex2i(0,-8); 
glVertex2i(0,-10); 
glVertex2i(4,-10); 

glEnd(); 
glBegin(GL_LINE LOOP); 
glVertex2i(-8,7); 
glVertex2i(-5,7); 
glVertex2i(-5,4); 
glVertex2i(-8,4); 
glEnd(); 
glBegin(GL_ LINE LOOP); 
glVertex2i(-7,4); 
glVertex2i(-5,4); 
glVertex2i(-5,-1); 
glVertex2i(-7,-1); 
glEnd(); 
glBegin(GL_ LINE LOOP); 
glVertex2i(-7,-1); 
glVertex2i(-5,-1); 
glVertex2i(-5,-3); 
glEnd(); 
glBegin(GL_ LINE LOOP); 
glVertex2i(8,7); 
glVertex2i(5,7); 
glVertex2i(5,4); 
glVertex2i(8,4); 
glEnd(); 
glBegin(GL_ LINE LOOP); 
glVertex2i(7,4); 
glVertex2i(5,4); 
glVertex2i(5,-1); 
glVertex2i(7,-1); 
glEnd(); 
glBegin(GL LINE LOOP); 
gl Vertex21(7,-1); 
glVertex2i(5,-1); 
elVertex21(5,-3); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 


-53- 


void CoordenadasX Y () I 
glColor3f(0,1,0); 
glBegin(GL_LINES); 

glVertex2i(-15,0); 

gl Vertex2i(15,0); 

gl Vertex2i(0,15); 

glVertex2i(0,-15); 
glEnd(); 

} 


void TecladoNormal(unsigned char tecla, int x, int y) { 
switch(tecla) { 

case 's': 

case 'S': 

case 27: exit(0);break; 

case 'i': 

case 'T': angulo++;break; 

case 'd': 

case 'D': angulo--;break; 


} 
glutPostRedisplay(); 
} 


void TecladoEspecial(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY UP: posy++;break; 
case GLUT KEY DOWN : posy--;break; 
case GLUT KEY RIGHT : posx++;break; 
case GLUT KEY LEFT : posx--;break; 
case GLUT KEY PAGE UP: esc=esc*1.01;break; 
case GLUT KEY PAGE DOWN: esc=esc*0.99;break; 





= n 
1] Transformación Geométrica Se) 





} 
glutPostRedisplay(); 
} 
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Transformacion de un robot en 2D 
#include <GL/glut.h> 
#define ancho 320 
#define altura 240 
#define profundidad 500 
void DibujaRobot(); 
void Coordenadasxy(); 
void TecladoMovimiento(int tecla,int x,int y); 
float esc=1; 
int posx=0, posy=0; 
static GLfloat Angulo = 0.0; 


int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_RGBA | GLUT DOUBLE); 
glutInitWindowPosition(100,0); 
glutInitWindowSize(ancho, altura); 
glutCreateWindow("Robot"); 
glOrtho(-(ancho/2),(ancho/2),-(altura/2),(altura/2),-p,p; 
glClearColor(1,1,1,0); 
glutDisplayFunc(DibujaR obot); 
glutSpecialFunc(TecladoMovimiento); 
glutMainLoop(); 
return 0; 

} [E] Robot o) 











void Coordenadasxy() { 
glColor3f(0.9,0.9,0.9); 
glBegin(GL_LINES); 
glVertex2i(-ancho/2,0); g 
glVertex2i(ancho/2,0); n 
glVertex2i(0,altura/2); 
glVertex2i(0,-altura/2); 
glEnd(); 














} 


void TecladoMovimiento(int tecla,int x, int y){ 
switch(tecla) { 
case GLUT KEY UP : I 
if(posy<=102) 
posytt; 
break; 
case GLUT KEY DOWN : { 
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if(posy>-100) 
posy--; 
} break; 
case GLUT_KEY RIGHT : { 
if(posx<=140) 
posx++; 
} break; 
case GLUT KEY LEFT :{ 
if(posx>-140) 
posx--; 
} break; 
case GLUT KEY PAGE UP: 
if(esc<=1.7) 
esc=esc* 1.01; 
} break; 
case GLUT_KEY PAGE DOWN: { 
esc=esc*0.99; 
} break; 


case GLUT KEY FIO: Angulo-=5; break; 
case GLUT KEY F11: Angulo+=5; break; 
case GLUT_KEY F12: exit(0); 


} 
glutPostRedisplay(); 
} 


void DibujaRobot() { 
glClear(GL COLOR BUFFER BIT); 
Coordenadasxy(); 
glPushMatrix(); 
glTranslatef(posx,posy,0); 
glScalef(esc,esc,esc); 
glRotatef(Angulo,0.0,0.0, 1.0); 
glColor3f(0.0,1.0,0.0); 


glBegin(GL_LINE LOOP); 
elVertex21(-16,10); 
glVertex2i(-16,4); 
glVertex2i(-10,4); 
glVertex2i(-10,10); 
glEnd(); 
glBegin(GL LINE STRIP); 
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gl Vertex2i(-16,4); 
gl Vertex2i(-16,-4); 
glVertex2i(-12,-4); 
glVertex2i(-12,4); 

glEnd(); 

glBegin(GL_LINE LOOP); 
gl Vertex2i(-16,-4); 
gl Vertex2i(-12,-6); 
gl Vertex2i(-12,-4); 

glEnd(); 

glBegin(GL_LINE LOOP); 
gl Vertex2i(-4, 14); 
gl Vertex2i(-4,8); 
gl Vertex21(4,8); 
glVertex2i(4, 14); 

glEnd(); 

glBegin(GL_LINE LOOP); 
glVertex2i(-8,8); 
glVertex2i(-8,0); 
glVertex2i(0,0); 
glVertex2i(0,8); 

glEnd(); 

glBegin(GL_LINE LOOP); 
glVertex2i(0,8); 
glVertex2i(0,0); 
glVertex2i(8,0); 
gl Vertex21(8,8); 

glEnd(); 

glBegin(GL LINE LOOP); 
glVertex2i(-6,0); 
glVertex2i(-6,-6); 
glVertex2i(6,-6); 
glVertex2i(6,0); 

glEnd(); 

glBegin(GL_LINE LOOP); 
glVertex2i(-6,-6); 
glVertex2i(0,-10); 
glVertex2i(6,-6); 

glEnd(); 

glBegin(GL_LINE STRIP); 
glVertex2i(-4,-8); 
glVertex2i(-4,-16); 
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glVertex2i(0,-16); 
glVertex2i(0,-10); 
glEnd(); 
glBegin(GL_LINE LOOP); 
gl Vertex2i(-8,-16); 
gl Vertex2i(-8,-20); 
glVertex2i(0,-20); 
glVertex2i(0,-16); 
glEnd(); 
glBegin(GL LINE STRIP); 
gl Vertex2i(4,-8); 
gl Vertex2i(4,-16); 
gl Vertex2i(0,-16); 
glEnd(); 
glBegin(GL_LINE LOOP); 
glVertex2i(0,-16); 
gl Vertex2i(0,-20); 
gl Vertex2i(8,-20); 
glVertex2i(8,-16); 
glEnd(); 
glBegin(GL_LINE LOOP); 
gl Vertex2i(10,10); 
glVertex2i(10,4); 
gl Vertex2i(16,4); 
gl Vertex2i(16,10); 
glEnd(); 
glBegin(GL_LINE STRIP); 
gl Vertex2i(12,4); 
gl Vertex2i(12,-4); 
gl Vertex2i(16,-4); 
glVertex2i(16,4); 
glEnd(); 
glBegin(GL_LINE STRIP); 
gl Vertex2i(12,-4); 
gl Vertex2i(12,-6); 
glVertex2i(16,-4); 
glEnd(); 
glPopMatrix(); 
glutSwapBuffers(); 
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Tipo de letra STROKE y rotacion 


#include <GL/glut.h> 

#define ancho 500 

#define altura 500 

#define profundidad 500 
#define TEXTO "Universidad" 
static GLfloat angulo = 0; 


void DibujaTexto(const char * texto) 
while (*texto) 


glutStrokeCharacter( GLUT STROKE ROMAN, *texto++); 
j 


} 
void display(void) 
{ 


giMatrixMode(GL MODELVIEW); 
glLoadldentity(); 


glScalef(0.001, 0.001, 0.001); 
glRotatef(angulo, 0, 0, 1.0); 
glClear( GL COLOR BUFFER BIT); 
DibujaTexto(TEXTO); 
glFlush(); 


void CoordenadasX Y () 

{ 
glColor3f(1.0, 0.0, 1.0); 
glBegin(GL_LINES); 
glVertex2i(-ancho/2, 0); 
glVertex2i(ancho/2, 0); 
glVertex2i(0, altura/2); 
glVertex2i(0, -altura/2); 
glEnd(); 


void TecladoEspecial(int tecla, int x, int y) 


switch(tecla) 
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case GLUT_KEY PAGE UP: angulo++;break; 
case GLUT_ KEY PAGE DOWN : angulo--;break; 
j 


glutPostRedisplay(); 


int main(int argc, char **argv) 

{ 
glutlnit(&argc, argv); 
glutInitDisplayMode(GLUT_RGBA); 
glutInitWindowPosition(100, 300); 
glutInitWindowSize(300, 300); 
glutCreate Window("Practica"); 
glOrtho(-(ancho/2), (ancho/2), -(altura/2), (altura/2), -profundidad, 

profundidad); 
glutDisplayFunc(display); 
glutIdleFunc(NULL); 


glutSpecialFunc(TecladoEspecial); 
glClearColor(1.0, 1.0, 1.0, 1.0); 
glColor3f(1.0, 0.0, 1.0); 
glutMainLoop(); 

return 0; 


j 
Ejemplo: 


Dibuja la función seno 

#include <GL/glut.h> 

#include <math.h> 

GLfloat angulo; 

void inicioOpenGL(void){ 
glEnable(GL_DEPTH_TEST); 
glClearColor(1.0, 1.0, 1.0, 1.0); 


void DibujaFuncionSeno(void) { 
int k; 
float anguloFuncion,xanterior,yanterior,x,y; 
glClear(GL COLOR BUFFER BIT | GL_DEPTH_BUFFER BIT); 
glPushMatrix(); 
glTranslatef(0.0,0.0,-6.0); 
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glColor3f(1.0,0.0,0.0); //Linea de color rojo 
glRotatef(angulo,0.0,1.0,0.0); 
anguloFuncion=2*3.14159/300; xanterior=0; yanterior=sin(xanterior); 
for (k=0;k<300;k++) { 

glBegin(GL LINES); 
gl Vertex3f(xanterior, yanterior,0.0); 
x=anguloFuncion*k; y=sin(x); 
gl Vertex3f(x,y,0.0); 
xanterior=x; yanterior=y; 
glEnd(); 


glPopMatrix(); 
glutSwapBuffers (); 


void reshape(int w, int h) 

{ glViewport(0, 0, w, h); 
glMatrixMode(GL_PROJECTION); glLoadIdentity(); 
glOrtho(-7.0, 7.0, -2.0, 2.0, -10.0, 10.0); 
glMatrixMode( GL MODELVIEW ); glLoadIdentity(); 


void UsoTeclado(unsigned char tecla, int x, int y){ 
switch (tecla) { 

case 27: /* ESC */ exit(0); break; 

case 'f': glutFullScreen(); break; 

case 'w': glutReshape Window(300,300); break; 


j 
j 


int main (int argc, char** argv) 

{ 
glutlnit(&argc, argv); 
glutInitDisplayMode(GLUT_RGB | GLUT_DOUBLE); 
glutInitWindowSize(300,300); 
glutInitWindowPosition(150,150); 
glutCreate Window("Funcion Seno"); 
inicioOpenGL(); 
glutReshapeFunc(reshape); 
glutKeyboardFunc(UsoTeclado); 
glutDisplayFunc(DibujaFuncionSeno); 
glutMainLoop(); 
return 0; 
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ES Funcion Seno 





Ejemplo 
//Programado por Ing” Leonel Coyla Idme 


Ecuación de segundo grado y=X"2 


#include <GL/glut.h> 

void EjesX Y(); 

void display(void) { 
glClearColor(1.0,1.0,1.0,0.0); 
glClear(GL COLOR BUFFER BIT); 
glColor3f(0.0,0.0,0.0); //Negro 
glOrtho(-70.0,70.0,-70.0,70.0,-70.0,70.0); 
glPointSize(2.0); 
int i; 


for(1=-8;1<=8;1++)4 

elBegin(GL POINTS); 
glVertex21(1,1*1); 

glEnd(); 
} 
EjesX Y (); 

glutSwapBuffers(); 

} 


void EjesXY() I 
glColor3f(1, 0, 1); 
glBegin(GL LINES); 
glVertex2i(-70, 0); 
glVertex2i(70, 0); 
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glVertex2i(0, 70); 
glVertex2i(0, -70); 
glEnd(); 


int main(int argc, char *argv[]) { 
glutInitDisplayMode(GLUT_DEPTH | GLUT DOUBLE | 
GLUT RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreateWindow("Ecuacion"); 
//glutCreateWindow(argv[0]); 
glutDisplayFunc(display); 
glutMainLoop(); 





(= Ecuacion - Lera 
% 
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Dibuja una ecuacion x2 


#include <GL/glut.h> 

void EjesXY (); 

void display(void) { 
glClearColor(1.0,1.0,1.0,0.0); 
glClear(GL_COLOR_BUFFER BIT); 
glColor3f(0.0,0.0,0.0); //Negro 
glOrtho(-37.0,37.0,-37.0,37.0,-37.0,37.0); 
glPointSize(4.0); 
int 1; 
glBegin(GL LINE STRIP); = 
for(i=-6;i<=6;i++) = S 








gl Vertex2i(i,i*i); 


} 
glEnd(); 
EjesXY(); 
glutSwapBuffers(); 





void EjesXY() I N 
glColor3f(1, 0, 1); 
glBegin(GL LINES); 

glVertex2i(-70, 0); 

glVertex2i(70, 0); 

glVertex2i(0, 70); 

glVertex2i(0, -70); 
glEnd(); 























int main(int argc, char *argv[]) I 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | GLUT_RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Ecuacion"); 
glutDisplayFunc(display); 
glutMainLoop(); 
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USO DEL TECLADO 


El control del teclado se realiza mediante: glutKeyboardFunc(); o también 
glutSpecialFunc(); esto lo afiadimos a nuestra funciön main y entonces 
definimos a parte la funciön de control propiamente dicha de la siguiente 
forma: 


glutKeyboardFunc(ControlTeclado); 
void ControlTeclado(unsigned char key, int x, int y) 


< cödigo fuente de lo que se desea ejecutar> 


} 


glutSpecialFunc(ControlTecla); 
void ControlTecla(intr key, int x, int y) 


< cödigo fuente de lo que se desea ejecutar> 


} 


A continuaciön de tiene una lista de teclas de Funciön que acepta 
OpenGL: 


# define GLUT KEY FI 
# define GLUT KEY F2 
# define GLUT KEY F3 
# define GLUT KEY F4 
# define GLUT KEY FS 
# define GLUT KEY F6 
# define GLUT KEY F7 
# define GLUT KEY F8 
# define GLUT KEY F9 
# define GLUT KEY F10 10 
# define GLUT KEY F11 11 
# define GLUT KEY F12 12 


NO 0 NAM RUR = 





Teclado de direcciön 
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fi define GLUT KEY LEFT 100 

tt define GLUT KEY UP 101 

# define GLUT KEY RIGHT 102 

# define GLUT KEY DOWN 103 

tt define GLUT KEY PAGE UP 104 

fi define GLUT KEY PAGE DOWN 105 
# define GLUT KEY HOME 106 

# define GLUT KEY END 107 

# define GLUT KEY INSERT 108 





USO DEL MOUSE (ratón) 

OpenGL, reconoce que cada vez que pulse uno de los tres botones del ratön 
debe ejecutar una orden formada por sentencias, a este se le denomina 
ControlRaton y apara que esto pueda ejecutarse debemos crear una función 
de la forma: 


void ControlRatön(int button, int state, int x, int y) 


< Codigo fuente del que se desea ejecutar> 


} 


Los parämetros que tiene esta funcion son: 

button.- Cuando se desea utilizar los botones izquierdo, derecho y medio, 
estas en OpenGL se encuentran definidas de la siguiente forma: 
GLUT LEFT BUTTON, GLUT RIGHT BUTTON y 
GLUT MIDDLE BUTTON. 


State.- El estado de los botones del ratón son GLU_UP 0 GLUT DOWN, 
de acuerdo como se ha pulsado/soltado el boton. 


X e Y.- Estos parámetros son las coordenadas, con respecto a la ventana de 
visualizacion. 


El control del ratön se realiza mediante: glutMouseFunc(ControlRaton); 


Ejemplo: 
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Dibuja un objeto de color azul 


#include <GL/glut.h> 
#include<stdio.h> 
void ControlRaton(int button, int state, int x, int y); 


void display(void) { 
glClearColor(1.0,1.0,1.0,0.0); 
glClear(GL COLOR BUFFER BIT); 
glColor3f(1.0,0.0,0.0); // rojo 
glOrtho(-5.0,5.0,-5.0,5.0,-5.0,5.0); 


glBegin(GL_ LINE LOOP); 
gl Vertex2i(0,3); 
gl Vertex2i(1,2); 
glVertex2i(2,2); 
glVertex2i(2,1); 
glVertex2i(3,0); 
glVertex2i(2,-1); 
glVertex2i(2,-2); 
glVertex2i(1,-2); 
glVertex2i(0,-3); 


glVertex2i(-1,-2); 
glVertex2i(-2,-2); 
glVertex2i(-2,-1); 
glVertex2i(-3,0); 
glVertex2i(-2,1); 
glVertex2i(-2,2); 
glVertex2i(-1,2); 
glVertex2i(0,3); 
glEnd(); 
glutSwapBuffers(); 


void ControlRaton(int button, int state, int x, int y) 
if(button==GLUT_LEFT_ BUTTON && state==GLUT_DOWN) 
printf("Pulso el boton Izquierdo del raton...\n"); 


} 


-67- 


Computaciön Grafica 
if(button==GLUT RIGHT BUTTON && state==GLUT DOWN) 


printf("Pulso el boton derecho del raton...\n"); 


} 
if(button==GLUT_MIDDLE_ BUTTON && state=GLUT DOWN) 


printf("Pulso el boton del medio...\n"); 


j 
j 


int main(int argc, char *argv[]) I 
glutInitDisplayMode(GLUT_DEPTH | GLUT_DOUBLE | 
GLUT_RGB); 
glutInitWindowSize(400, 400); 
glutInitWindowPosition(100, 100); 
glutCreate Window("Uso del Raton"); 
glutDisplayFunc(display); 
glutMouseFunc(ControlRaton); 
glutMainLoop(); 


W Uso del Raton 
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Cada vez que pulsa uno de los tres botones del ratön aparecera un mensaje en 
la ventana de consola de la siguiente forma: 


nGL_DevC++WsoRaton2D.exe -jol 


quierdo del BT 

derecho del raton. 

derecho del raton 

derecho del raton 

derecho del raton 

derecho del raton 

del medio... 

del medio. 

del medio. 

del medio. 

del medio. 

del medio. 

del medio... 

derecho del raton... 

derecho del raton 

derecho del raton 

derecho del raton 

derecho del raton 

derecho del raton 

derecho del raton 

derecho del raton. 

Izquierdo del rat... 
boton Izquierdo del rat... 
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CAPITULO III 


Computaciön Grafica 


TRANSFORMACION GEOMETRICA TRIDIMENSIONAL 


OpenGL trabaja en un espacio de 3 dimensiones, pero internamente utiliza 
las coordenadas homogéneas que consiste en un espacio de cuatro 
dimensiones, que representa matrices de 4x4. Cada uno de los puntos se debe 
identificar mediante una terna de coordenadas (x,y,z). Sin embargo en una en 
coordenada homogénea se representa por 4 coordenadas (x,y,z, W). La cuarta 
coordenada se utiliza para representar la perspectiva. 


Sistema de coordenadas 


Y 
y 
x 
X 
Z z 


Toda transformación en 3D se realiza mediante una matriz de cuatro 
dimensiones y esta se multiplica por una matriz de transformación inicial. 


Ejemplo: 
Si se desea trasladar un objeto de 2 unidades en el eje x, debemos generar una 
matriz de transformacion de la siguiente forma: 


100 2 
O 1 0 0 
00 1 0 
00 0 1 


La nueva matriz de transformaciön se obtiene multiplicando la matriz 
identidad por la matriz que se desea trasladar un objeto 2 unidades en el eje x, 
de la siguiente forma: 


1 00 0 100 2 1 0 0 2 
SEE EEE EN 
001 0| |0 0 1 0 0010 
0001 000 1 000 1 


=: 
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Si se desea dibujar el punto (1,0,0), considerando que se desea trasladar dos 
unidades en el eje x, se debe realizar la siguiente multiplicación de matrices: 


100 2 1 3 

0 1 0 0| JO 0 
X = 

0 0 1 O] |O 0 

00 0 1 1 l 


Esta multiplicación de matrices nos permite ubicar el punto en la posición 
(3,0,0), al realizar esta multiplicación se a convertido a coordenadas 
homogéneas, esto se consigue agregando el valor 1, para cumplir con la 
matriz de 4x4. 


Coordenadas homogéneas 

Todas las coordenadas gue se utiliza en OpenGL, ya sea en 2D o 3D, son 
convertidas en coordenadas homogéneas, esto se realiza para uniformizar la 
operación con matrices y la representación de la profundidad. 

Ejemplo: 

El punto 2D (3, 2) OpenGL lo convierte al punto (3,2, 0.0, 1.0) 

El punto 3D (1, 2, 4) OpenGL lo convierte al punto (1, 2, 4, 1.0) 


Transformacion de objetos: 


Las transformaciones en 3D son aquellos que se encargan de visualizar un 
objeto en el espacio y estas son traslación, rotación y escalado. 


Traslación.- La operación de traslación responde a la siguiente matriz: 


100 dx 

1 0 ay 

F (dx, dy, dz) = KG 
000 1 


Donde dx, dy y dz son las distancias de traslación, estas pueden ser números 
reales positivos o negativos. 
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Escalado.- La operación de escalado responde a la siguiente matriz: 


$ 6 0.0 
0 Ss, 0 0 

S(S_,8,,8, )= y 
(S.,5,,5,) 0 0 S, 0 
0 0 0 1 


Donde S,, S, y S, son los factores de dirección x, y, z y un punto de referencia. 





Rotación.- La operación de rotación responde a las siguientes matrices: 


1 0 0 0 coso 0 send 0 
R(6)= O cosd -send 0 R(0)= 0 1 0 0 
= 0 send coso 0 É -send O cosd 0 
0 0 0 1 0 0 0 1 

cost -send 0 0 

R.(0) = send cosO 0 0 

7 0 0 1 0 

0 0 0 1 


3-5 
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Primitivas de dibujo en 3d 


void glutSolidSphere(GLdouble radius,GLint slices, GLint stacks); 
void glutWireSphere(GLdouble radius,GLint slices, GLint stacks); 


void glutSolidCube(GLdouble size); 
void glutWireCube(GLdouble size); 


void glutSolidCone(GLdouble base, GLdouble height, GLint slices, GLint 
stacks); 

void glutWireCone(GLdouble base, GLdouble height,GLint slices, GLint 
stacks); 


void glutSolidTorus(GLdouble innerRadius,GLdouble outerRadius, GLint 
nsides, GLint rings); 
void glutWireTorus(GLdouble innerRadius,GLdouble outerRadius, GLint 
nsides, GLint rings); 


void glutSolidDodecahedron(void); 
void glutWireDodecahedron(void); 


void glutSolidOctahedron(void); 
void glutWireOctahedron(void); 


void glutSolidTetrahedron(void); 
void glutWireTetrahedron(void); 


void glutSolidIcosahedron(void); 
void glutWirelcosahedron(void); 


void glutSolidTeapot(GLdouble size); 
void glutWireTeapot(GLdouble size); 


Ejemplo: 
glEnable(GL_CULL_FACE). 


Se utiliza para activar el método de ocultaciön que consiste en ocultar cara 
que son se dibujan porque formarian parte de la parte trasera del objeto. 
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Tipos y tamaños de letra 


glutBitmapCharacter 
glutBitmapCharacter, Caracteres de bitmap que se usa en OpenGL 
Formato: 


void glutBitmapCharacter(void *font, int character); 
Donde: 
Font = Tipos de letra a usar en Bitmap. 
Character = Tipos de caracteres a usar. 
Tipos de caracteres disponibles: 


GLUT BITMAP 8 BY 13 
GLUT BITMAP 9 BY 15 

GLUT BITMAP TIMES ROMAN 10 
GLUT BITMAP TIMES ROMAN 24 
GLUT BITMAP HELVETICA 10 
GLUT BITMAP HELVETICA 12 
GLUT BITMAP HELVETICA 18 








glutBitmap Width 


Retorna el ancho de un caracter de tipo bitmap en pixeles 
Formato : 


int glutBitmapWidth(GLUTbitmapFont font, int character); 
Donde: 
Font = Tipos de letra a usar en Bitmap. 
Character = Tipos de caracteres a usar. 
glutStrokeCharacter 
glutStrokeCharacter entraga un character de golpe que utiliza OpenGL. 


Formato: 


void glutStrokeCharacter(void *font, int character); 
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Font = Tipos de letra a usar en Bitmap. 
Character = Tipos de caracteres a usar. 


Los tipos de caracteres disponibles son: 


GLUT_STROKE ROMAN 
GLUT_STROKE MONO ROMAN 


glutStrokeWidth 
glutStrokeWidth retorna el ancho de un character en pixels. 


Formato: 
int glutStrokeWidth(GLUTstrokeF ont font, int character); 


font = Tipos de letra a usar en Stroke. 
Character = Retorna el ancho de un caracater. 


Ejemplos: 
Traslacion de un Objeto en 3 Dimensiones 


#include <GL/glut.h> 

#define ancho 500 

#define alto 375 

#define profundidad 400 

void DibujaObjeto3D(); 

void TecladoEspecial(int tecla, int x, int y); 
int posx=0, posy=0; 


int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
glutInitWindowPosition(100, 0); 
glutInitWindowSize(ancho, alto); 
glutCreateWindow("Figuras GLUT"); 
glOrtho(-(ancho/2), (ancho/2), -(alto/2), (alto/2), -profundidad, 
profundidad); 
glClearColor(1, 1, 1, 0); 
glutDisplayFunc(DibujaObjeto3D); 
glutSpecialFunc(TecladoEspecial); 
glutMainLoop(); 


Ta 
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return 0; 


} 
void DibujaObjeto3D() { 
glClear(GL_COLOR_BUFFER BIT); 
glPushMatrix(); 
glTranslatef(posx, posy, 0); 
glColor3f(1.0,0.0,0.0); 
glutWireTeapot(100); 
glPopMatrix(); 
glutSwapBuffers(); 


void TecladoEspecial(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY UP: posy++;break; 
case GLUT KEY DOWN : posy--;break; 
case GLUT KEY RIGHT : posx++;break; 
case GLUT KEY LEFT : posx--;break; 


} 
glutPostRedisplay(); 
) 





E] Figuras GLUT u else 


























- 78 - 


Leonel Coyla Idme 
Escalado de un Objeto3D 
#include <GL/glut.h> 
#define ancho 500 
#define alto 375 
#define profundidad 400 


void DibujaObjeto3D(); 
void TecladoEspecial(int tecla, int x, int y); 


float esc=1; 


int main(int arge, char** argv) { 
glutInitDisplayMode(GLUT RGBA|GLUT DOUBLE); 
glutInitWindowPosition(100, 0); 
glutInitWindowSize(ancho, alto); 
glutCreateWindow("Escala de un Objeto 3D"); 
glOrtho(-(ancho/2), (ancho/2), -(alto/2), (alto/2), -profundidad, 
profundidad); 
glClearColor(1, 1, 1,0); 
glutDisplayFunc(DibujaObjeto3D); 
glutSpecialFunc(TecladoEspecial); 
glutMainLoop(); 
return 0; 


} 


void DibujaObjeto3D() { 
glClear(GL COLOR BUFFER BIT); 
glPushMatrix(); 
glScalef(esc, esc, esc); 
glColor3f(0,1,0); 
glutWireTorus(20, 80, 18, 18); 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void TecladoEspecial(int tecla, int x, int y) { 
switch(tecla) { 
case GLUT KEY PAGE UP :esc=esc*1.01;break; 
case GLUT KEY PAGE DOWN : esc=esc*0.99; break; 


glutPostRedisplay(); 
} 
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T] Escala de un Objeto 3D = Se} 

















Rotacion de un objeto 3d (esfera) 


#include <GL/glut.h> 
#define ancho 500 
#define alto 375 
#define p 400 


void DibujaObjeto3D(); 
void TecladoNormal(unsigned char tecla, int x, int y); 
void texto(int x, int y, char *palabra); 


int angulo=35; 


int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
glutInitWindowPosition(100, 0); 
glutInitWindowSize(ancho, alto); 
glutCreate Window("Dibuja un objeto en 3D"); 
glOrtho(-(ancho/2), (ancho/2), -(alto/2), (alto/2), -p, p); 
glClearColor(1, 1, 1, 0); 
glutDisplayFunc(DibujaObjeto3D); 
glutKeyboardFunc(TecladoNormal); 
glutMainLoop(); 
return 0; 


} 


void DibujaObjeto3D() { 
glClear(GL COLOR BUFFER BIT); 
glPushMatrix(); 
glRotatef(angulo, 1, 1, 1); 
glColor3f(0, 0, 1); 
glutWireSphere(100, 18, 18); 
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glPopMatrix(); 
texto(-ancho/2+82,alto/2-20,"FACULTAD DE INGENIERIA 
ESTADISTICA E INFORMATICA"); 
glutSwapBuffers(); 


void TecladoNormal(unsigned char tecla, int x, int y) { 
switch(tecla) { 
case 's': 
case 'S': 
case 27: exit(0);break; 
case 't': 
case 'R': angulo++;break; 


} 
glutPostRedisplay(); 
} 


void texto(int x, int y, char *palabra) { 

int 1; 

glColor3f(0,0,1); 

glRasterPos2f(x, y); 

for (i = 0; palabra[i]; i++) 

glutBitmapCharacter(GLUT_BITMAP HELVETICA 12, 

palabra[1]); 
j 





T) Dibuja un objeto en 204 Sa) 





FACULTAD DE INGENIERIA ESTADISTICA E INFORMATICA 














Ejemplo: 


Escalado de un objeto con teclado y ratön 
#include <gl/glut.h> 

#include <stdio.h> 

#include <math.h> 
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#define ancho 300 
#define alto 300 

#define profundidad 200 


float esc=1; 
void DibujaPrimitiva() 


glClear(GL COLOR BUFFER BIT); 
glColor3f(0.0,1.0,0.0); 
glPushMatrix(); 
glScalef( esc, esc, esc ); 
glutWireTeapot(50.0 ); 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void TecladoEspecial(int tecla, int X, int Y) 


switch(tecla) 


{ 
case GLUT KEY HOME : esc=esc * 1.01; break; 
case GLUT KEY END :esc=esc* 0.99; break; 


} 
glutPostRedisplay(); 


void ratonEscala(int Button, int State, int x, int y ) 


glutPostRedisplay(); 
} 


void moverEscala( int x, int y ) 


if( y > (alto/2) ) 
esc=esc* 1.01; 
else 
esc = esc * 0.99; 
glutPostRedisplay(); 
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int main(int argc, char **argv[]) 


glutInitDisplayMode( GLUT_RGBA|GLUT_DOUBLE); 

glutInitWindowPosition(200,200); 

glutInitWindowSize(ancho, alto); 

glutCreateWindow("Escalado de un Objeto 3D Raton - Teclado"); 

glOrtho(-(ancho/2),(ancho/2),-(alto/2),(alto/2),- 
profundidad,profundidad); 

glutDisplayFunc(DibujaPrimitiva); 

glutSpecialFunc(TecladoEspecial); 

glutMouseFunc( ratonEscala ); 

glutMotionFunc( moverEscala ); 











glutMainLoop(); 
return 0; 
} 
Ejemplo 
Primitivas de dibujo 3D 


//Dibuja Figuras como Icosahedron, Tetrahedron, Octahedron y 
Dodecahedron en forma de malla 

//Para cambiar de figura pulse F1,F2,F3 y F4 

#include <GL/glut.h> 


void DibujaFiguras(); 
void RotacionFigura(unsigned char tecla, int x, int y); 


void SeleccionFiguras(int tecla, int x, int y); 


int angulo=35; 
unsigned int figura=1; 


int main(int arge, char** argv) { 
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glutInitDisplayMode(GLUT RGBA|GLUT DOUBLE); 
glutInitWindowPosition(100, 0); 
glutInitWindowSize(500, 380); 
glutCreateWindow("Figuras"); 
glOrtho(-2.0, 2.0, -2.0, 2.0, -2.0, 2.0); 
glClearColor(1, 1, 1, 0); 
glutDisplayFunc(DibujaFiguras); 
glutKeyboardFunc(RotacionFigura); 
glutSpecialFunc(SeleccionFiguras); 
glutMainLoop(); 

return 0; 


} 


void DibujaFiguras() { 
glClear(GL COLOR BUFFER BIT); 
glPushMatrix(); 
glRotatef(angulo, 1, 1, 1); 
glRotatef(45, 1, 1, 1); 
glColor3f(0.0,0.0, 1.0);//Color de Figura 
switch(figura) { 
case 1: glutWirelcosahedron();break; 
case 2: glutWireTetrahedron();break; 
case 3: glutWireOctahedron();break; 
case 4: glutWireDodecahedron();break; 


} 
glPopMatrix(); 
glutSwapBuffers(); 
} 


void RotacionFigura(unsigned char tecla, int x, int y) { 
switch(tecla) { 

case's': 

case'S': 

case 27: exit(0);break; 

case'p': 

case 'P': angulo++;break; 

case'n': 

case 'N': angulo--;break; 


} 
glutPostRedisplay(); 
j 
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void SeleccionFiguras(int tecla, int x, inty) { 
switch(tecla) { 

case GLUT KEY F1 :figura=l;reak; 

case GLUT KEY F2 : figura=2; break; 

case GLUT KEY F3 :figura=3; break; 

case GLUT KEY F4 :figura=4; break; 


} 
glutPostRedisplay(); 


HER) E Figuras 
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Ejemplo: 


Rotacion de un Objeto 3D con ratón 


#include<GL/glut.h> 
#include<GL/glu.h> 
#include<GL/gl.h> 
#include<stdio.h> 
#include<stdlib.h> 
#define checkImage Width 64 
#define checkImageHeight 64 
static GLubyte checkImage [checkImageHeight][checkImageWidth][4]; 
static GLuint texName; 
float angulo=0; 
int angulox=0,anguloy=0,x,y,xold,yold; 
char presionado; 
void mouse(int bouton,int estado,int x, int y); 
void texto(int x, int y, char *palabra); 
void makeCheckImage(void) 
{ 
inti,j,c; 
glColor3f(1.0,1.0,1.0); 
for(i=0;i<checkImageHeight;i++) I 
for(j=0;j<checkImage Width;j++) { 
c=((((i&0x8)==0)((j&0x8))==0))*255; 
checkImage[i][j][0]=(GLubyte)c; 
checkImage[i][j][1 ]=(GLubyte)c; 
checkImage[i][j][2 ]=(GLubyte)c; 
checkImage[i][j ][3 ]=(GLubyte)255; 
} 
} 


void InicioOpenGL(void) 

{ 
glClearColor(1.0,0.0,0.0,1.0); 
glShadeModel(GL_FLAT); 
glEnable(GL DEPTH TEST); 
glColor3f(1.0,0.0,1.0); 
makeCheckImage(); 
glPixelStore(( GL UNPACK ALIGNMENT, I); 
glGenTextures(1,&texName); 
glBindTexture(GL TEXTURE 2D,texName); 
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glTexParameteri(GL_TEXTURE 2D,GL TEXTURE WRAP S,GL REPEAT); 
glTexParameter(GL_ TEXTURE 2D,GL TEXTURE WRAP T, GL REPEAT); 
gåTexParameten(GL TEXTURE 2D,GL TEXTURE MAG FILTER,GL NEAREST); 
gåTexParameten(GL TEXTURE 2D,GL TEXTURE MIN FILTER,GL_ NEAREST); 
glTexImage2D(GL_TEXTURE 2D,0,GL_RGBA,checkImageWidth,checkImag 
eHeight,0,GL_RGBA, GL_UNSIGNED BYTE, checkImage); 


} 
void Display(void) 
{ 


glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH BUFFER BIT); 
glRotatef(anguloy,1.0,0.0,0.0); 

glRotatef(angulox,0.0,1.0,0.0); 

glRotatef(angulo, 1, 0,0); 

glRotatef(angulo, 0, 1,0); 

glRotatef(angulo, 0, 0, 1); 

glEnable(GL TEXTURE 2D); 

glTexEnvíGL TEXTURE ENVGL TEXTURE ENV MODE,GL DECAL); 
glBindTexture(GL TEXTURE 2D,texName); 

glutSolidTeapot(1); 

glFlush(); 

glutSwapBuffers(); 

glDisable(GL_TEXTURE 2D); 


void reshape(int w, int h) 


glColor3f(1.0,1.0,0.0); 
gl Viewport(0,0,(GLsizei)w,(GLsizei)h); 
glMatrixMode(GL_PROJECTION); 
glLoadldentity(); 
gluPerspective(60.0,(GLfloat)w/(GLfloat)h, 1.0,30.0); 
glMatrixMode(GL_MODELVIEW); 
glLoadldentity(); 
glTranslatef(0.0,0.0,-3.6); 

} 


void mouse(int button, int estado,int x,int y) I 
if(button==GLUT LEFT BUTTON && estado == GLUT DOWN) { 
glutSetCursor( GLUT CURSOR CROSSHAIR); 
presionado = 1; 
xold=x; 
yold=y; 
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if (button == GLUT LEFT BUTTON && estado==GLUT_UP) { 
glutSetCursor( GLUT CURSOR INHERIT); 
presionado=0; 
} 
} 


void movimiento mouse(int x,int y) { 

if (presionado) + 
angulox=angulox+(x-xold); 
anguloy=anguloy+(y-yold); 
glutPostRedisplay(); 





xold=x; 
yold=y; 


void texto(int x, int y,char *palabra) { 
inti; 
glColor3f(0,0,1); 
glRasterPos2f(x, y); 
for(1=0;palabra[1];1++) 
glutBitmapCharacter(GLUT_BITMAP HELVETICA 12, palabra[i]); 
} 


int main(int argc, char **argv) 


glutlnit(&argc,argv); 
glutInitDisplayMode(GLUT SINGLE|GLUT RGB|GLUT DEPTH); 
glutInitWindowSize(250,250); 
glutInitWindowPosition(100,100); 
glutCreateWindow(argv[0]); 
InicioOpenGL(); 
glutDisplayFunc(Display); 
glutReshapeFunc(reshape); 
glutMouseFunc(mouse); 
glutMotionFunc(movimiento mouse); 
glutMainLoop(); 
return 0; 

} ED: \EjemplosOpenGL_D... = [OR] 
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Ejemplo: 


Tipos y tamaños de letra: glutBitmapCharacter 
#include <string.h> 

#include <stdio.h> 

#include <GL/glut.h> 


void bitmap output(int x, int y, char “cadena, void *fuente) 


int len, i; 

glRasterPos2f(x, y); 

len = (int) strlen(cadena); 

for (i = 0; 1< len; i++) { 
glutBitmapCharacter(fuente, cadena[1]); 


} 
void display(void) 
{ 
glClear(GL COLOR BUFFER BIT); 


glColor3 f(0.0,0.0,0.0); 

bitmap_output(40, 40, "Universidad Nacional del Altiplano", 
GLUT BITMAP TIMES ROMAN 24); 

glColor3 f(0.0,0.0, 1.0); 

bitmap_output(30, 140, "Facultad de Ingenieria Estadistica e Informatica", 
GLUT_BITMAP 9 BY_15); 

glColor3 f(0.0,0.0,0.0); 

bitmap_output(70, 210, "Computacion Grafica.", 
GLUT BITMAP HELVETICA 18); 








glFlush(); 
} 


void reshape(int w, int h) 


glViewport(0, 0, w, h); 
glMatrixMode(GL_PROJECTION); 
glLoadldentity(); 

gluOrtho2D(0, w, 0, h); 
glMatrixMode(GL_MODELVIEW); 
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glLoadIdentity(); 
} 


int main(int argc, char **argv) 


glutlnit(&argc, argv); 
glutInitDisplayMode(GLUT_SINGLE | GLUT RGB); 
glutInitWindowSize(580, 250); 

glutCreate Window("Tipos de Letra"); 

glClearColor(1.0, 1.0, 1.0, 1.0); 


glutDisplayFunc(display); 
glutReshapeFunc(reshape); 


glutMainLoop(); 
return 0; 


B Tipos de Letra 


Computacion Grafica. 


Facultad de Ingenieria Estadistica e Informatica 


Universidad Nacional del Altiplano 





Ejemplo: 


Tipos de Letra glutStrokeCharacter 
#include <string.h> 

#include <stdio.h> 

#include <GL/glut.h> 


void stroke output(GLfloat x, GLfloat y, char *cadena) 


int len, i; 
glMatrixMode(GL_MODELVIEW); 
glLoadldentity(); 

glTranslatef(x, y, 0); 

glScalef(0.15, 0.15, 0.15); 
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len = (int) strlen(cadena); 
for (i = 0; i < len; i++) { 
glutStrokeCharacter( GLUT STROKE ROMAN, cadena[i]); 
} 
} 


void display(void) 
{ 


glClear(GL_ COLOR BUFFER BIT); 
glColor3f(0.0,0.0,1.0); //Color de letras azul 

stroke_output(5, 10, "Universidad Nacional del Altiplano"); 
stroke output(10, 90, "Computacion Grafica"); 
stroke_output(15, 180, "Universidad Nacional del Altiplano"); 
glFlush(); 


void reshape(int w, int h) 


glViewport(0, 0, w, h); 
glMatrixMode(GL_PROJECTION); 
glLoadIdentity(); 

gluOrtho2D(0, w, 0, h); 
glMatrixMode(GL_MODELVIEW); 
glLoadIdentity(); 


} 
int main(int argc, char **argv) 


glutlnit(&argc, argv); 
glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB); 
glutInitWindowSize(580, 250); 
glutInitWindowPosition(50, 100); 

glutCreate Window("Tipos de Letra"); 

glClearColor(1.0, 1.0, 1.0, 1.0); 


glLineWidth(1.0); //grosor de letra de letra 
glutDisplayFunc(display); 
glutReshapeFunc(reshape); 
glutMainLoop(); 

return 0; 
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MM Tipos de Letra 


Universidad Nacional del Altiplano 


Computacion Grafica 


Universidad Nacional del Altiplano 





Ejemplo: 


Escribe texto utilizando glutBitmapCharacter 
#include <GL/glut.h> 

#define ancho 500 

#define alto 375 

#define profundidad 400 


void EscribeTexto(); 
void texto(int x, int y, char *palabra); 


int main(int argc, char** argv) { 
glutInitDisplayMode(GLUT_RGBA | GLUT_DOUBLE); 
glutInitWindowPosition(100, 0); 

glutInitWindowSize(500, 200); 
glutCreateWindow("Escribe Texto"); 

glOrtho(-80, 80, -80, 80, -2, 2); 

glClearColor(1, 1, 1, 0); 

glutDisplayFunc(EscribeTexto); 

glutMainLoop(); 

return 0; 


} 


void EscribeTexto() { 
glClea(GL COLOR BUFFER BIT); 


texto(-70,50," UNIVERSIDAD NACIONAL DEL ALTIPLANO - 
PUNO"); 

texto(-70,20,"Facultad de Ingenieria Estadistica e Informatica"); 

glutSwapBuffers(); 
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void texto(int x, int y, char *palabra) { 
int 1; 
glColor3f(0.0,0.0,0.0); 
glRasterPos2f(x, y); 
for (i = 0; palabra[i]; i++) 
glutBitmapCharacter(GLUT BITMAP 9 BY 15, palabrali]); 
// glutBitmapCharacter(GLUT BITMAP HELVETICA 18, 
palabra[1]); 


} 


MM Escribe Texto 


UNIVERSIDAD NACIONAL DEL ALTIPLANO - PUNO 


Facultad de Ingenieria Estadistica e Informatica 





Uso de menus en OpenGL 


OpenGL crea menus de tipo jerarquico y son activados cuando pulsamos uno 
de los botones del ratón (izquierdo, derecho y centro). 

glutCreateMenu(), se utiliza para crear un menú y en ella es posible asociar 
una rutina cuando se llama. 


glutAddMenuEntry(), se encarga de asociar más opciones al menú de primer 
nivel. 


glutAddSubMenu(), crea menú de segundo nivel y se encar de conectar al 
primer nivel. 


glutAttachMenu(), se encarga de asociar al pulsar uno de los botones del 
ratón, mediante: 

GLUT RIGHT BUTTON 

GLUT MIDDLE BUTTON 

GLUT CENTER BUTTON 


Ejemplo: 

#include <stdio.h> 
#include <stdlib.h> 
#include <GL/glut.h> 
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enum { 
MENU CHANGE=1, 
MENU EXIT 
ii 


static int color=0; 
void MenuPrincipal(int identificador) 
switch (identificador) 
{ 
case MENU_CHANGE: 
color=(color==0)? 1:0; 
glutPostRedisplay(); 
break; 
case MENU EXIT: 
exit(0); 
break; 


} 
glutPostRedisplay(); 
} 


void Keyboard(unsigned char key, int x, int y) 
{ 
switch (key) 


case 27: 
exit(0); 
break; 
case'c': 
case'C': 
MenuPrincipal(MENU_CHANGE); 
break; 


j 
j 


int buildPopupMenu(void) 


int menu = glutCreateMenu(MenuPrincipal); 
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glutAddMenuEntry("Cambiar Color", MENU CHANGE); 
glutAddMenuEntry("Salir", MENU EXIT); 
return menu; 


} 
void DibujaTetera () 


{ 

glClear(GL COLOR BUFFER BIT|GL DEPTH BUFFER BIT); 
glLoadldentity(); 

glTranslatef(0.0, 0.0, -4.0); 


if(color==0) { 
glColor3f (1.0, 0.0, 0.0); //Color rojo 
glutWireTeapot(1.0); 


else { 
glColor3f (0.0, 1.0, 0.0); //Color verde 
glutWireTeapot(1.0); 


} 


glutSwapBuffers(); 
j 


void resize (int w,inth) 

{ 
glViewport(0, 0, w, h); 
glMatrixMode(GL_ PROJECTION); 
glLoadldentity(); 


gluPerspective(50., w/(double)h, 1., 10.); 
glMatrixMode(GL_MODELVIEW); 


} 
void InicioOpenGL (void) 


{ 
glEnable(GL_DEPTH_TEST); 


int main(int argc, char *argv[]) 


glutlnit(&arge, argv); 
glutInitDisplayMode(GLUT_DOUBLE|GLUT_RGB); 
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glutInitWindowSize(350, 350); 
glutInitWindowPosition(400, 300); 
glutCreateWindow("Aplicacion Menu"); 
InicioOpenGL(); 

glTranslatef(0.0, 0.0, -4.0); 
glutDisplayFunc(DibujaTetera); 
glutReshapeFunc(resize); 
glutKeyboardFunc(Keyboard); 


buildPopupMenu(); 
glutAttachMenu(GLUT LEFT BUTTON); 


glutMainLoop(); 


return 0; 


} 


W Aplicacion Menu DER) W Aplicacion Menu 





Cambiar el color de la tetera use el boton izquierdo del ratón o pulse la tecla 


66199 


C 
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CAPITULO IV 


Computaciön Grafica 
ILUMINACION 


La luz de escena que se realiza en OpenGL, proviene de varias fuentes de luz 
y estas son capaces de apagarse o encenderse.(3) 


Se tiene los siguientes componentes: 


Ambiental: La luz se dispersa en todas las direcciones. 

Difusa: Se encarga de reflejar la luz que le llega en todas las direcciones. 
Especular: Crea un brillo en una direcciön definida. 

Emitida: Simula luz emitida por un objeto. 


Implementaciön de luces 


GLfloat MataerialEspecular [] = {1.0, 1.0, 1.0, 1.0} ; 
GLfloat MateriaDifuse [] = 10.0, 1.0, 0.0, 1.0 } ; 
GLfloat MaterialBrillo [] = {50.0 }; 

GLfloat LuzPosicion [] = {1.0, 1.0, 1.0, 0.0 } ; 


glClearColor(0.0 ,0.0,0.0,0.0); 
glShadeModel (GL SMOOTH) ; 


glMaterialfv(LFRONT, GL SPECULAR , MataerialEspecular ) ; 
glMatenalfv(GL FRONT, GL DIFFUSE , MateriaDifuse) ; 
glMatenalfv(GL FRONT, GL SHININESS, MaterialBrillo) ; 


glLightfv(GL LIGHTO, GL POSITION, LuzPosicion) ; 
GLfloatlightcolor[] = (0.33, 0.33, 1.0, 1.0}; 


glLightfv(GL LIGHTO, GL DIFFUSE, light color); 
glLightfv(GL_LIGHT0, GL SPECULAR, light color); 
glEnable(GL LIGHTING ); //Activa el modelo de iluminación. 
glEnable(GL LIGHTO); //Activa la fuente de luz 0. 


Fuentes de Luz 

Se tiene las siguientes propiedades: 
o Color 
o Posiciön y 


o Direcciön 
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La funciön que usa estas propiedades es glLight*. 


El formato que usa este comando es: 
void glLight {if} [v](GLenum light, GLenum pname, TY PE param); 

En este formato se puede crear 8 fuentes de luz como maximo 
considerando la definición estándar de la librería y estos son: 
GL_LIGHTO, GL_LIGHT1, GL_LIGHT2, ..., GL LIGHT7 


Definición de las propiedades de luz 


















































PARAMETRO VALOR DECRIPCION 
GL_AMBIENT (0.0, 0.0, 0.0, 1.0) Intensidad ambiente RGBA de la luz 
GL_DIFFUSE (1.0, 1.0, 1.0, 1.0) Intensidad difusa RGBA de la luz 
GL_SPECULAR (1.0, 1.0, 1.0, 1.0) Intensidad especular RGBA de la luz 
GL POSITION (0.0, 0.0, 1.0, 0.0) Posición (x,y,z,w) de la luz 
GL_SPOT_DIRECTION (0.0, 0.0, -1.0) Direccion (x,y,z) del foco de luz 
GL SPOT EXPONENT 0.0 Exponente del foco de luz 
GL_SPOT_CUTOFF 180.0 Angulo del foco de luz 
GL_CONSTANT_ATTENUATION | 1.0 Factor de atenuación constante 
GL_LINEAR ATTENUATION 0.0 Factor de atenuacion lineal 
GL_QUADRATIC_ATTENUATION 0.0 Factor de atenuacion cuadratico 














Modelo de iluminacion 


OpenGL define tres componentes de iluminación: 
o Laintensidad de la luz en el ambiente global. 


o  Laposición local del observador. 
o  Laforma de iluminar los objetos o polígonos. 


Propiedades del material 

En OpenGL antes de definir las luces debemos activar nuestros materiales, es 
más se realiza esta operación para cada polígono de la escena de tal forma que 
su respuesta incida sobre las superficies de los objetos. 


En OpenGL se definen estas propiedades mediante la función g/Material* 


void giMaterial {if}[v](GLenum face, GLenum pname, TYPE 
param); 


El argumento GLenum face se usa para determinar la cara del objeto y en ella 
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se aplica el material, y toma los siguientes valores GL FRONT, GL BACK 
oGL FRONT AND BACK. 


El argumento GLenum pname se usa para asignar la propiedad del material 
que va a determinar estos valores se encuentra en la tabla. 


El argumento TYPE param se usa para asignar los valores a la caracteristica 
que vamos a definir en concreto en pname. 





PARAMETRO VALOR DESCRIPCION 
GL_AMBIENT (0.2, 0.2, 0.2, 1.0) | Color ambiente del material 
GL_DIFFUSE (0.8, 0.8, 0.8, 1.0) | Color difuso del material 
GL AMBIENT AND DIFFUS Color ambiente y difuso del 

= = = material 
GL_SPECULAR (0.0, 0.0, 0.0, 1.0) | Color especular del material 
GL_SHININESS 0.0 Exponente especular. 


GL_EMISSION (0.0, 0.0, 0.0, 1.0) | Color de emisión del material 


GL_COLOR_INDEXES (0, 1, 1) zspo a 











Reflexion difusa.- La reflexion difusa se utiliza para determinar el color 
del objeto. 


Reflexion ambiente.- Se utiliza para redistribuir la luz ambiente que recibe 
el objeto. 


Reflexión ambiente y difusa.- Ambas reflexiones se usa para tener el mismo 
color en el objeto. 


Reflexión especular.- Se usa para determinar el color de los brillos del objeto 
y para ello utilice el parámetro. GL_SHININESS. 

Reflexión Emisión.- Se utiliza para asignar a los objetos un color de 
emisión y ellas emiten luz de ese color. 


- Diffuse 

- Ambient 
- Specular 
- Shininess 


- Emission 





- 100 - 


Leonel Coyla Idme 
giMatrixMode(modo): Esta función se encarga de realizar 
transformaciones basadas en multiplicaciön de matrices. 


GL_MODELVIEW: Define la matriz modelo-vista. 
GL_PROJECTION: Define la matriz de proyeccion. 
GL_TEXTURE: Define la matriz textura. 


glViewport(x, y, ancho, alto) Define la porciön de ventana donde 
OpenGL podra dibujar una fugura. 
Donde: (x, y) es la esquina superior izquierda del viewport en coordenadas 
pantalla. 

(ancho, alto) corresponden a la anchura y altura del viewport 
deseado. 


Creacion de fuentes de luz 
glEnable(GL LIGHTO); Activa las fuentes de luz. 
glEnable(GL_LIGHTING); Activa los calculos de iluminacion 


Transformaciones de la vista 


void gluLookAt( GLdouble eyex, eyey, eyez, GLdouble centerx, centery, 
centerz, 
GLdouble upx, upy, upz ); 
Donde: 
o Se usa para definir la matriz de vista y la multiplica por la derecha 
con la matriz actual. 
o La posición del punto del ojo se especifica por eyex, eyey y eyez. 
o Para ubicar el centro de la escena se especifica por centerx, centery 
y centerz. 
o La dirección hacia arriba se indica por upx, upy y upz. 


Ejemplo 

Iluminaciön de una esfera 

#include <stdio.h> 

#include <stdlib.h> 

#include <GL/glut.h> 

GLfloat mat_diffuse [] = {0.5, 0.5, 0.5, 1.0}; 
GLfloat mat specular [] = {0.5, 0.5, 0.5, 1.0}; 
GLfloat mat_shininess [] = {50}; 
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void init (void) 


GLfloat light position[] = {1.0, 1.0, 1.0, 0.0}; 


glLightfv(GL_LIGHT0,GL_POSITION, light_position); 
glMaterialfv(GL_FRONT, GL_DIFFUSE, mat_diffuse); 
glMaterialfv(GL_FRONT, GL SPECULAR, mat specular); 
glMaterialfv(GL_FRONT, GL SHININESS, mat shininess); 


glEnable (GL LIGHTING); 

glEnable (GL LIGHTO); 

glDepthFunc(GL LEQUAL); 

glEnable (GL DEPTH TEST); 
} 


void display (void) 


glClear(GL_COLOR_BUFFER BIT | GL DEPTH BUFFER BIT); 
glutSolidSphere(4.0,50,50); 
glutSwapBuffers(); 


void reshape(int w, int h) 


glViewport (0, 0, w, h ); 

glMatrixMode (GL PROJECTION ); 

glLoadldentity ( ); 

if(h==0) 
gluPerspective ( 60, ( float ) w, 1.0, 20.0 ); 

else 
gluPerspective ( 60, ( float ) w / ( float ) h, 1.0, 20.0 ); 
glMatrixMode (GL MODELVIEW ); 
glLoadIdentity ( ); 
gluLookAt(0.0,0.0,10.0,0.0,0.0,0.0,0.0,1.0,0.0); 
} 


void keyboard (unsigned char key, int x, int y) 
{ 
switch (key) { 


case 27: 
exit (0); 


- 102 - 


Leonel Coyla Idme 
break; 
case 'f: 
case 'F': 
glutFullScreen (); 
break; 
case 'w': 
case 'W': 
glutReshape Window (250,250); 
break; 
default: 
break; 


i 
glutPostRedisplay(); 
} 


int main (int argc, char** argv) 


glutInitDisplayMode (GLUT_RGB | GLUT_DOUBLE | 
GLUT_DEPTH); 

glutInitWindowSize (250,250); 

glutInitWindowPosition (300,300); 

glutCreateWindow("Iluminacion Esfera"); 

init O; 

glutReshapeFunc(reshape); 

glutKeyboardFunc(keyboard); 

glutDisplayFunc(display); 

glutMainLoop(); 

return 0; 


Iluminacion Esfera EIER) 
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Funciones necesarias: 


glMatrixMode(modo): Esta funcion encarga de realizar transformaciones 
basadas en multiplicacion de matrices. 


GL_MODELVIEW: Define la matriz modelo-vista. 
GL_PROJECTION: Define la matriz de proyecciön. 
GL_TEXTURE: Define la matriz textura. 


glViewport(x, y, ancho, alto) Define la porciön de ventana donde 
OpenGL podra dibujar una figura. 
Donde: (x, y) es la esquina superior izquierda del viewport en coordenadas 
pantalla. 

(ancho, alto) corresponden a la anchura y altura del viewport 
deseado. 


Creaciön de fuentes de luz 
glEnable(GL LIGHTO); Activa las fuentes de luz. 
glEnable(GL_LIGHTING); Activa los calculos de iluminacion 


Ejemplo: 


Dibuja una Tetera 

//Incluye proyeccion ortografica 
//Crea una fuente de luz y un material 
//Ubicamos la fuente de luz 

#include <stdlib.h> 

#include <GL/glut.h> 

void InicioOpenGL(void) 


i 

glEnable(GL LIGHTING); 

glEnable(GL LIGHTO); 

glDepthFunc(GL LESS); 
glEnable(GL DEPTH TEST); 
glPolygonMode(GL FRONT, GL FILL); 


void reshape(int w, int h) 
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{ 
if (th) 

return; 
glViewport(0, 0, (GLsizei) w, (GLsizei) h); 
glMatrixMode(GL_PROJECTION); 
glLoadldentity(); 
glOrtho(-100, 100, -100, 100, -100, 100); 
glMatrixMode(GL_MODELVIEW); 
glLoadldentity(); 


void DibujaTetera(void) 


//Ubicamos la fuente de luz 
GLfloat light_position[] = { 1.0, 1.0, 200.0, 0.0 y; 
glLightfv(GL LIGHT0,GL POSITION, light position); 
//Propiedades del material 
GLfloat mat ambient[] = { 0.25, 0.25, 0.25, 1.0 y; //Iluminaciön global 
GLfloat mat_diffuse[] = { 1.0, 0.2, 0.2, 1.0 }; //Color de la tetera 
//Luz que incide hacia el objeto, se reflejado con un angulo 
GLfloat mat_specular[] = { 1.0, 1.0, 1.0, 1.0 y; 
GLfloat mat_shininess[] = { 20.0 }; 


//Aplicamos el material 

glMaterialfv(GL_FRONT, GL_AMBIENT, mat_ambient); 
glMaterialfv(GL_FRONT, GL DIFFUSE, mat diffuse); 
glMaterialfv(GL_FRONT, GL SPECULAR, mat specular); 
glMaterialf (GL FRONT, GL SHININESS, mat shininess); 


glClear(GL COLOR BUFFER BIT |GL DEPTH BUFFER BIT); 


glMatrixMode( GL MODELVIEW MATRIX); 
glLoadIdentity(); 


// Realiza la Rotacion en el eje x 30 grados 
glRotated(25.0, 1.0, 0.0, 0.0); 
// Realiza la Rotacion en el eje y -25 grados 
glRotated(-25.0, 0.0, 1.0, 0.0); 
// Realiza la Rotacion en el eje z -25 grados 
glRotated(-25.0, 0.0, 0.0, 1.0); 
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glutSolidTeapot(60.0); 
glFlush(); 


j 
int main(int argc, char **argv) 


glutInit(&arge, argv); 

glutInitDisplayMode (GLUT_SINGLE | GLUT_RGB); 
glutInitWindowSize (350, 350); 

glutInitWindowPosition (50, 50); 

glutCreateWindow ("Tetera"); 

InicioOpenGL(); 

glutDisplayFunc(DibujaTetera); 
glutReshapeFunc(reshape); 

glutMainLoop(); 


return 0; 


} 
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En el ejemplo Ud. Puede manipular la posiciön de la luz con las siguientes 
órdenes o de acuerdo a su necesidad: 


GLfloat light position[] = {5.5,0.5, 0.5, 1.0}; 
GLfloat light position[] = {0.0, 0.0, 200.0, 1.0}; 
GLfloat light position[] = {200.0, 0.0, 0.0, 1.0}; 
GLfloat light position[] = {0.0, -200, 200.0, 1.0}; 
GLfloat light position[] = {-200, 0.0, 200.0, 1.0}; 


Las ordenas mostraran el siguiente resultado: 


z n LST (Xx) | uminacion Ester A 
p —a 6 == 
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Para manipular el color del objeto podemos realizarlo con las siguientes 
ördenes: 


GLfloat mat_ diffuse [] = { 
GLfloat mat diffuse [] = { 
GLfloat mat_ diffuse [] = { 
GLfloat mat_diffuse [] = { 


0.2, 0.2, 1.0, 1.0}; //azul 
0.2, 1.0,0.2, 1.0}; //verder 
1.0, 0.2, 1.0, 1.0};//cian 
1.0, 0.2, 0.2, 1.0}; //rojo 
Teniendo los siguientes resultados: 


Ig 


E a 
M minacion Esfer (x) an umin: n Esfer Ed 

e 

E I 
I Iluminacion Esfer 
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Para ver el tamafio de luz podemos manipular las siguientes ördenes: 


GLfloat mat shininess [] = {50}; 
GLfloat mat shininess [] = (20); 
GLfloat mat shininess [] = {10}; 
Glfloat mat shininess [] = {0}; 


p a y a 
| - io a 
JU | Esfe llum l n Esfer 
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TEXTURA 


Una textura consiste en asignar una imagen de tipo bitmap (BMP), a un 
determinado poligono, de tal manera que se pueda ver una imagen dentro de 
este. Una textura puede ser tipo unidimensional, bidimensional y 
tridimensional. Se puede aplicar diferentes formas, como cubrir una 
superficie, modular el color de la superficie y mezclar el color de la textura. 


Por ejemplo, podemos construir una pared de ladrillo, y esto se realiza en un 
polígono y recubierto por una textura, de la siguiente forma: 





Coordenadas de textura 
Una coordenada de textura se utiliza para saber el tamaño de una imagen que 


se ubicara en un polígono, y estas se encuentran representadas por números 
reales de 0 a 1, que lo representamos de la siguiente forma: 


(0.0) (1,0) 





| 











(0,1) LD 


(0,0) (1,0) 
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(0,1) | (1,1) 





Mapeado de textura 


Para definir las coordenadas de texturas se utiliza: 


void glTexCoord {1234} (sifd) (T YPEcoords); 
void glTexCoord {1234} {sifd}v(TYPE *coords); 


e Para un rectángulo 2D las Coordinas de Textura son (0,0), (1,0), 
(1,1), (0,1). 


Ejemplo: 


glBegin(GL OUADS); 
glTexCoord2f(0.0, 0.0); gl Vertex3f(0.0, 0.0, 0.0); 
glTexCoord2f(1.0, 0.0); gl Vertex3f(5.0, 0.0, 0.0); 
glTexCoord2f(1.0, 1.0); gl Vertex3f(5.0, 5.0, 0.0); 
glTexCoord2f(0.0, 1.0); gl Vertex3f(0.0, 5.0, 0.0); 
glEnd(); 
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Repeticiöny fijaciön de texturas 
Para fijar una texturas es necesario hacer un cambio en la priedad 
GL_REPEAT por GL_CLAMP, como se observa en el cuadro 


PARAMETRO VALORES 
GL_TEXTURE_WRAP_S GL_CLAMP, GL_REPEAT 
GL_TEXTURE_WRAP_T GL_CLAMP, GL_REPEAT 
GL_TEXTURE_MAG_FILTER GL_NEAREST, GL_LINEAR 
GL_TEXTURE_MIN_FILTER GL_NEAREST, GL_LINEAR, 


GL_NEAREST_MIPMAP_NEAREST, 
GL_NEAREST_MIPMAP_LINEAR, 
GL_LINEAR_MIPMAP_NEAREST, 
GL_LINEAR_MIPMAP_LINEAR 
GL_TEXTURE_BORDER_COLOR | cuatro valores en el intervalo [0...1] 











Ejemplo de textura 
#include<GL/glut.h> 
#include<GL/glu.h> 
#include<GL/gl.h> 
#include<stdio.h> 
#include<stdlib.h> 
#define checkImage Width 64 
#define checkImageHeight 64 
static GLubyte checkImage [checkImageHeight][checkImageWidth][4]; 
static GLuint texName; 
float angulo=0; 
int angulox=0,anguloy=0,x,y,xanterior, yanterior; 
char presionado; 
void mouse(int bouton, int estado, int x, int y); 
void texto(int x, int y, char *palabra); 
void makeCheckImage(void) 
{ 
int i,j,c; 
glColor3f(1.0,1.0,1.0); 
for(i=0;i<checkImageHeight;1++) I 
for(j=0;j<checkImage Width;j++) { 
c=((((i£0x8)==0)"((j8£0x8))==0))*255; 
checkImage|i][j][O]=(GLubyte)c; 
checkImage[i][j][1 ]=(GLubyte)c; 
checkImage[i][j][2 ]=(GLubyte)c; 
checkImage[i][j][3 ]=(GLubyte)255; 


wo 
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void InicioOpenGL(void) 
{ 

glClearColor(1.0,0.0,0.0,1.0); 

glShadeModel(GL_FLAT); 

glEnable(GL_DEPTH_TEST); 

glColor3f(1.0,0.0,1.0); 

makeCheckImage(); 

glPixelStorei(GL_UNPACK_ ALIGNMENT, 1); 

glGenTextures(1,&texName); 

glBindTexture(GL TEXTURE 2D,texName); 

elTexParameter(GL TEXTURE 2D, GL * TEXTURE WRAP S,GL REPEAT), 

glTexParameten(GL TEXTURE 2D,GL TEXTURE WRAP TGL REPEAT); 

glTexParameten(GL TEXTURE 2D,GL TEXTURE MAG FILTER,GL NEAREST); 

elTexParameteri(GL TEXTURE 2D,GL TEXTURE MIN FILTER,GL NEAREST); 


glTexImage2D(GL_TEXTURE_2D,0,GL_RGBA,checkImageWidth,che 
cklmageHeight,0,GL RGBA,GL UNSIGNED BYTE,checkImage); 


void Display(void) 


glClear(GL_ COLOR BUFFER BIT|GL DEPTH BUFFER BIT); 
giRotatef(anguloy,1.0,0.0,0.0); 

glRotatef(angulox,0.0,1.0,0.0); 

glRotatef(angulo, 1,0, 0); 

glRotatef(angulo, 0, 1,0); 

glRotatef(angulo, 0, 0, 1); 

glEnable(GL TEXTURE 2D); 


glTexEnvf( GL TEXTURE ENV,GL TEXTURE ENV MODE,GL D 
ECAL); 
glBindTexture(GL TEXTURE 2D,texName); 


glBegin(GL OUADS); 
glTexCoord2f(0.0, 0.0); gl Vertex3f(-1.0, -1.0, 1.0); 
glTexCoord2f(1.0, 0.0); glVertex3f(1.0,-1.0, 1.0); 
glTexCoord2f(1.0, 1.0); gl Vertex3f( 1.0, 1.0, 1.0); 
glTexCoord2f(0.0, 1.0); gl Vertex3f(-1.0, 1.0, 1.0); 


glTexCoord2f(1.0, 0.0); gl Vertex3f(-1.0, -1.0, -1.0); 
glTexCoord2f(1.0, 1.0); gl Vertex3f(-1.0, 1.0,-1.0); 
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glTexCoord2f(0.0, 1.0); gl Vertex3f( 1.0, 1.0, -1.0); 
glTexCoord2f(0.0, 0.0); gl Vertex3£( 1.0, -1.0, -1.0); 


glTexCoord2f(0.0, 1.0); gl Vertex3f(-1.0, 1.0, -1.0); 
glTexCoord2f(0.0, 0.0); gl Vertex3f(-1.0, 1.0, 1.0); 
glTexCoord2f(1.0, 0.0); gl Vertex3f( 1.0, 1.0, 1.0); 
glTexCoord2f(1.0, 1.0); glVertex3f( 1.0, 1.0, -1.0); 


glTexCoord2f(1.0, 1.0); gl Vertex3 f(-1.0, -1.0, -1.0); 
glTexCoord2f(0.0, 1.0); gl Vertex3f( 1.0, -1.0, -1.0); 
elTexCoord2f(0.0, 0.0); gl Vertex3f( 1.0, -1.0, 1.0); 
glTexCoord2f(1.0, 0.0); gl Vertex3f(-1.0,-1.0, 1.0); 


glTexCoord2f(1.0, 0.0); gl Vertex3f( 1.0, -1.0, -1.0); 
gl TexCoord2f(1.0, 1.0); glVertex3f( 1.0, 1.0, -1.0); 
glTexCoord2f(0.0, 1.0); glVertex3f( 1.0, 1.0, 1.0); 
glTexCoord2f(0.0, 0.0); gl Vertex3f( 1.0, -1.0, 1.0); 


glTexCoord2f(0.0, 0.0); gl Vertex3f(-1.0, -1.0, -1.0); 
glTexCoord2f(1.0, 0.0); gl Vertex3f(-1.0,-1.0, 1.0); 
glTexCoord2f(1.0, 1.0); gl Vertex3f(-1.0, 1.0, 1.0); 
glTexCoord2f(0.0, 1.0); gl Vertex3f(-1.0, 1.0,-1.0); 
glEnd(); 
glFlush(); 


texto(-1,2,"Presion el Boton izquierdo del Mouse y mover"); 
glutSwapBuffers(); 
glDisable(GL_TEXTURE 2D); 


void reshape(int w, int h) 


glColor3f(1.0,1.0,0.0); 
glViewport(0,0,(GLsizei)w,(GLsizei)h); 
glMatrixMode(GL_PROJECTION); 
glLoadldentity(); 
gluPerspective(60.0,(GLfloat)w/(GLfloat)h,1.0,30.0); 
glMatrixMode(GL_MODELVIEW); 
glLoadldentity(); 
glTranslatef(0.0,0.0,-3.6); 

} 


void keyboard(unsigned char key, int x, inty){ 
switch(key) 
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{ 

case 's': 

case'S': 

case 27: exit(0); break; 

case'f: 

case'F": 

glutFullScreen(); 

break; 

case 'w': 

case 'W': 

glutReshapeWindow(250,250); 

break; 

default: 

break; 


} 
glutPostRedisplay(); 
} 


void mouse(int button, int estado,int x,int y) { 
if(button==GLUT LEFT BUTTON && estado==GLUT_DOWN) { 
glutSetCursor( GLUT CURSOR CROSSHAIR); 
presionado= 1; 
xanterior= x; 
yanterior=y; 


} 
if(button==GLUT_LEFT_BUTTON && estado ==GLUT_UP) { 
glutSetCursor( GLUT CURSOR INHERIT); 
presionado=0; 
} 
} 


void movimiento_mouse(int x,inty) { 

if (presionado) + 
angulox=angulox+(x-xanterior); 
anguloy=anguloy+(y-yanterior); 
glutPostRedisplay(); 

} 

xanterior=x; 

yanterior=y; 





void texto(int x, int y,char *palabra) { 
inti; 
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glColor3f(0,0,1); 
glRasterPos2f(x,y); 
for(i=0;palabra[1];1++) 
glutBitmapCharacter(GLUT BITMAP HELVETICA 12, palabra[i]); 
} 


int main(int arge, char **argv) 


printf("\n\nUNIVERSIDAD NACIONAL DELALTIPLANO"); 
printf( "\nCurso: Computacion Grafica"); 

glutlnit(&arge,argv); 
glutInitDisplayMode(GLUT_SINGLE|GLUT_RGB|GLUT_DEPTH); 
glutInitWindowSize(300,300); 
glutInitWindowPosition(150,150); 

glutCreateWindow(argv[0]); 

InicioOpenGL(); 

glutDisplayFunc(Display); 

glutReshapeFunc(reshape); 

glutMouseFunc(mouse); 

glutMotionFunc(movimiento mouse); 
glutKeyboardFunc(keyboard); 

glutMainLoop(); 

return 0; 


m D:1EjemplosOpenGL DevC++1T... få [ER] 
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Dev-C++ 


Es un Software libre y es conocido como un entorno integrado de desarrollo 
(IDE) y es utilizado en los lenguajes de programación C y C++. 


Características Principales: 
o Administrador de proyectos. 
o Incluye un editor con marcador de sintaxis. 
o Además tiene un soporte de compiladores en GCC. 


Proyectos. 


Dev-C++, en un proyecto agrupa todos los archivos que son de tipo código 
fuente y que pertenezcan a una aplicación. 


Por ejemplo: 

proyecto.dev, en ella se encuentra el archivo de configuración de nuestro 
proyecto. 

main.cpp llamado también como el archivo proyecto.cpp 


Creación de un proyecto 


Utilizamos como ejemplo la siguiente ventana: 


= = NE x 
E Device +499 2 = ~~ . os rs > Tele jasa ] 
File | Edit Search View Project Execute Debug Tools CVS Window Help 
[ Source File Ctrl+N 429 


Open Project or File... Ctrl+0 | mids ade [H Goto 
Reopen » & Resource File 






















| ov 


Import > 
© Export » 
Pin 
Print Setup 
% Bit 


EE Compiler | iy Resources | dh Compile Log | (4 Debug | [A Find Results 
28: 23 Insert Ready. 


É === = = d 
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En esta ventana se observa varias plantillas de aplicaciön y con ellas podemos 


crear un proyecto. 


Para nuestro caso seleccionamos Console Application y Ok 





E Dev-C++ 4.9.9.2 


| E | DIR 








File Edit Search View Project Execute Debug Tools CVS Window Help 








[99199414 & 


| + 





LA S A ME 











[Emmy |20 





| new dl] insert ¿Toggle [E] Goto | 











A 


Ñ 
Basic MultiMedia | Introduction | 


Application 


Description: 


Da a $ 02 


Windows Static Library Empty Project 


console application (MSDOS window) 








— Project options: 
| Name: 


Ejemplo 








© CE Project @ C++ Project 
IT Make Default Language 








Mom | Pio] 








28 Compiler | AN 








Resources | dh Compile Log] Y Debug] Ba Find Results | 








28:23 | 


[Insert [Ready. 











hi 





Escribimos el nombre del proyecto, lo ubicamos en el disco y en la carpeta 
deseada. Como respuesta tendremos la siguiente ventana: 





fød Dev-C++ 4.9.9.2 


> = 7 + 





Eile Edit Search View Project Execute Debug Tools CVS Window Help 





(0900848 +- BBA 8948 
2085 || 2 @ || [new insert Toge [ll] Goto | 
| v v 
Project | Classes | Debug | ['] main.cpp ] 

B Ejemplo 














$include <cstdlib> 
include <iostream> 


using namespace std; 


int main(int argc, char *argv[]) 
{ 

system ("PAUSE"); 

return EXIT_SUCCESS; 
+ 


83 Compiler | h Resources | dih Compile Log | (4 Debug] [Kk Find Resuts | 














28:23 — [Modified [Insert 11 Lines in file 
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Se muestra en la ventana derecha un pequefio cödigo para iniciar con el 
trabajo de aplicaciön. 


Luego seleccionamos la opción Nuevo Código Fuente o New File y esto lo 
mostramos en el siguiente grafico: 


™ Dev-C++ 4.9.9.1 - [ Project1 ] - Basura3.dev 





File Edit Search View Execute Debug Tools CYS Window Help 
UG 188 1 8 A 99 S 
Add to Project 

oo aa 

Ba 0 ES åå ||] remove from Project t Tooge M Goto 
(B) Project Options At+P 

Project | Classes | Debug | 

E Projecti #include <cstalik> 

#include <iostream| 










[1 main.cpp | 





using namespace std; 


int main(int argc, char *argv[]) 
{ 

system("PAUSE"); 

return EXIT_SUCCESS; 
) 














88 Compiler | A Resources | dih Compile Log | / Debug | [EL Find Results 


2:20 Insert Done parsing. 





Una vez escrito el código fuente de cualguier programa con aplicación de tipo 
OpenGL, de la forma: 


™ Dev-C++ 4,9,9.1 - [ Introduccion ] - Introduccion, dev 

File Edit Search view Project Execute Debug Tools CYS Window Help 

99 18898 +- FESR 8 44 S 
SEO BEY |? ©, new Ainet Toe M Goto 

Í gil E] 


Project | Classes | Debug | Introduccion cpp | 
= E Introducción 
A Introduccion. cpp #include <GL/glut.h> 
void mydisplay() ( 
glClear (GL COLOR BUFFER BIT); 
glBegin(GL_POLYGON) ; 
glVertex2f(-0.5, -0.5); 
glVertex2f(-0.5, 0.5); 
glVertex2£(0.5, 0.5); 
glVertex2£ (0.5, -0.5); 
glEnd(); 
giFlush(): 

















) 

int main(int argc, char** argv)( 
glutCreateWindow ("simple"); 
glutDisplayFunc (mydisplay); 
glutMainLoop(): 








88 Compiler | Mår Resources | dih Compile Log | (4 Debug | [AL Find Results | 
17:2 [Modified Insert 
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Configuraciön de proyectos 


Se utilizapara cambiar la configuraciön del compilador, agregando en ella las 


librerias graficas a utilizar 
funcionamiento de OpenGL. 


™ Dev-C++ 4.9.9.1 - [ Introduccion ] - Introduccion. dev. 
File Edit Search View [leg Execute Debug Tools CVS Window Help 


98 
(8088. 





ona U new file 


Add to Project 
«El Remove from Project 


SØ 


M 





1 ions Alt+P 
Project | Classes | Debug | 
Introduccion 
[A Introduccion.cpp 





y otras opciones necesarias para el 













818/4810 
rose [E Goto 





Introduccion.cpp | 





#include <GL/glut.h> 
void mydisplay() { 
glClear (GL COLOR BUFFER BIT); 
glBegin(GL POLYGON); 
glVertex2£(-0.5, -0.5); 
glVertex2f(-0.5, 0.5); 
glVertex2f(0.5, 0.5); 
glVertex2£(0.5, -0.5); 
glEnd(); 
glFlush(); 
+ 
int main(int argc, char** argv) ( 
glutCreateWindow ("simple"); 
glutDisplayFunc (mydisplay) ; 
glutMainLoop (); 


I 








88 Compiler | Må Resources | dih Compile Log | (4 Debug | [EL Find Results 





17:2 [Modified |Insert__|17 Lines in fie 





En el grafico que se muestra a continuaciön escriba el contenido de la opciön 


Linker 


Project Options 


General | Files | Compiler Parameters Directories | Build Opti... | Makefile | Version info | 


Additional Command-line options: 
Compiler: 





C++ compiler 


LL 


-lopengl32 


©, Add Library or Object | 








? Help | 


X Cancel 
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Depuraciön 


Con finalidad de generar la informaciön de depuraciön, es necesario cambiar 
la configuraciön del proyecto de la forma: 


Project Options 


General | Files Compiler Parameters | Directories | Build Opti... | Makefile | Version info || 


NOTE: These settings will override the global Compiler Options affecting this project only. 
Compiler: Default compiler v 


C compiler Link an Objective C program No 
C++ compiler . Generate debugging information Yes 
Code Generation [Do not use standard system startup files or libraries No 


roflng Do not create a console window Yes 
NKE . 
== Strip executable No 
+) Optimization 





Y ok X Cancel ? Help | 


Con esta configuraciön, no creamos una ventana de consola y ademas 
generamos la ventana de depuraciön. 


¿Cómo instalar las librerias en Dev-c++? 
Consideramos las ubicación de las siguientes librerias: () 
Headers: (glut.h; glu.h; gl.h; glaux.h) 
En: C:\ C:\Dev-Cpp\include\GL 
DLLs: (glut.dll; glu.dll; glut32-dll; glu32.dll) 
En: CAWINDOW S\system32 
LIBs: (glu.lib; glu32.lib, glut32.lib, glaux.lib) 
En: C:\Dev-Cpp\lib 
Usando DevPak de GLUT (OpenGL) y Dev-C++ 
Para tener una mejor respuesta con las librerias de OpenGL en Dev-C++ 


debemos realizar la instalaciön del DevPak de GLUT. Para ello debemos 
tener instalado el Dev-C++, utilizando como sistema operativo el Windows. 
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Ademäs debemos tener archivo DevPack de GLUT o bajarlo de 
www.nigels.com, para luego instalarlo de la siguiente forma: 


1. Como se muestra en el grafico es necesrio ir al al menü Tools y 
seleccionar Package Manager 


™ Dev-C++ 4.9.9.1 DER 
File Edit Search View Project Execute Debug MESJ <v5 window Help 


9G ¡OMAN A | + || JE E Compier options 
EO FARO Gi ove 
| =] [ | a Configure Shortcuts 
Project | Classes | Debug | F Configure Tools 
«kp Check for Updates/Packages... 


[Fe Package Manager 























EE Compiler | Gy Resources | dih Compile Log | VŽ Debug | [EL Find Resuts | 
| | | Ready. Å 








En la ventana que se muestra a continuaciön, seleccione install y luego 
DevPack 


Dev-C++ Package Manager (version 2.2.5) 





= 
2 AA a 


goocore gce-gt+ gee-objc GNU Debugger 


Sa O 


GNU Make MinGW runtime — Windows32 API 











Buscar en: | MingwPackage 
(sur 
Bau 








Mis sitios dered Nombre: glut.3.7.6+ = 
Tipo: All supported package formats (" DevPak:* DevPackage_ v Cancelar 


A 





- 123 - 


Computaciön Grafica 





Luego de abrir, seleccione install de la ventana que se muestra: 


Installation Wizard 


Dev-C++ Package Installation Wizard 
glut installation procedure. 


Welcome to the Dev-C++ Package Installation Wizard. This Wizard will 
install GLUT - the OpenGL Utility Toolkit. 


Please press Next to continue with the installation, or press Cancel to stop 
the installation now. 





| Package description 


Å 
A window system independent toolkit for writing OpenGL programs | 


For more information about this program, please visit the following website: 
http://www. xmission.com/“nate/alut html 


> Welcome 








Installing 
Finished 





Finalmente haga clic en Finish: 
Installation Wizard 


Dev-C++ Package Installation Wizard 
glut installation procedure. 


[m] glut has been successfully installed on your system. Please 
== press Finish to close this window. 


Installing 
> Finished 





Una vez instalado el Dev-C++ Pack 


Podemos realizar la configuración necesaria para que pueda funcionar 
correctamente el Dev-C++ con OpenGL y para ello es necesario hacer una 
configuración en opciones del compilador: 


™ Dev-C++ 4.9.9.1 
File Edit Search View Project Execute Debug 











| [9 Configure Shortcuts 


T Configure Tools 
%» Check for Updates/Packages... 
EE Package Manager 








BE Compile | My Resources | dih Compile Log | VŽ Debug | [El Find Results | 
i [ [Ready A 
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Añadir estos comandos en la ventana de linker: -lglut32 -lglu32 -lopengl32 
-lwinmm -lgdi32 -Im 


Compiler Options 


Compiler BEE SITES TE ES 


| Hare ER configure: 
Default compiler v +| el A | 


I Add the following commands when calling compiler: 











IV Add these commands to the linker command line 


É «Iglu32 -lopengl32 -Iwinmm -Igdi32 -Im 


A] Enables a delay in milliseconds if make complains 


Compile Delay |O Xİ about the makefiles time stamp. 


Makefile generation: 
IV Use fast but imperfect dependency generation | 


te Deut | 7 Heb 











Una vez realizado todas estas operaciones ya estamos listos para trabajar con 
GLUT. 


Podemos hacer una prueba con el siguiente ejemplo: 


#include <GL/glut.h> 
void MiPrimerEjemplo() { 
glClear(GL_COLOR_BUFFER BIT); 
glBegin(GL_TRIANGLES); 
glVertex2f(-0.5, -0.5); 
glVertex2f(-0.5, 0.5); 
glVertex2f(0.5, 0.5); 
glEnd(); 
glFlush(); 


int main(int argc, char** argv) { 
glutCreateWindow("Triangulo"); 
glutDisplayFunc(MiPrimerEjemplo); 
glutMainLoop(); 


Como resultado tendremos la siguiente ventana: 
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ES Triangulo 
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